Как написать грамотный HTML код?

При создании HTML кода удостоверьтесь, что он не содержит ошибок и оформлен в хорошем стиле.
Хотя качественный HTML не будет способствовать повышению вашего рейтинга, но нарушенный код может затруднить для поисковых машин краулинг вашего сайта.Убедитесь, что все соответствующие теги в HTML коде закрыты и отсутствует исходный код, который может "сбить с толку" слайдера поисковой машины.
При создании веб-сайта очень важно помнить, что слайдеры поисковых машин как компьютерные программы обладают ограничениями, основанными на определенном наборе правил, и страницы, не соответствующие этим правилам, будут неудобными для поисковиков.Чем легче вы сделаете для слайдера поисковой машины чтение вашего кода, тем больше ваши шансы на успех.
Лучший способ убедится в том, что ваш HTML код легок для обработки спайдером - следовать рекомендациям Wide Web Consortium(W3C). Это омжет показаться сложным для выполнения, но на самом дела потребуется всего лишь проверить ваши страницы HTML кода валидатором (Validator).
Если никаких ошибок не выявлено, то можете быть уверены, что спайдеры смогут обрабатывать ваши страницы без проблем.
Стоит ли изучать HTML код, на мой взгляд стоит, хотя бы основные принципы и правила для начала. Не такая это и мудреная наука если под рукой всегда есть первоисточник где можно прочесть объяснения по тому или иному вопросу. Простейшие ситуации при которых нужно установить тот же счетчик посещаемости для дилетанта будет проблемой, правка текста и установка ссылок, установка рекламных блоков на сайт все это требует хотя бы минимального знания HTML кода.
Самое главное это заставить себя и приступить к изучению сей науки, не заметно для себя вы втянитесь в эту кухню так как желание иметь свой сайт велико, а без знаний работы и взаимодействия HTML перспективы равны нулю. Литература представленная здесь облегчает работу по грамотному написанию кода.

                                                                                                                

Учебное пособие по изучению HTML с ноля                                                   Учебник самоучитель для начинающих веб-мастеров
настольная книга для веб-мастера.Качаем бесплатно.

                                                 

Основы HTML .

HTML (HyperText Markup Language) - язык разметки гипертекста. Команды, вписанные меж скобок являются тегами. Тэги - это команды HTML-языка (языка, с помощью которого создаются Web-страницы) в виде буквенных комбинаций или слов, заключенных в угловые скобки.
Основные теги для создания Web-страницы. Создаём отдельную папку, для сохранения и содержания там Вашей Web-страницы.Программа набирается в текстовом редакторе Блокнот и сохраняется в Вашу папку с разрешением <<.html>>
Теги бывают парными и не парными. В парных тегах один - открывающим, а другой - закрывающим. Открывающий тег говорит компьютеру, что начинается html-страница, а закрывающий говорит компьютеру, что страница закончилась. Отсюда следует, что открывающий тег всегда будет первым на странице, а закрывающий тег самым последним (это надо запомнить)!!!
Далее страница имеет часть (head ) и (body)-тело. Между парными тегами вставляются тоже парные теги (title), меж которых вписывается название страницы. Текст написанный между ними будет отображён в названии окна Вашего браузера, прописываются метатеги ключевых слов и описание странички.
Между тегами "тела" страницы, пишется непосредственно содержимое Интернет страницы (контент страницы). Для принудительного перевода текста на другую строку служит тег (br) вставляется перед текстом, который Вы собираетесь перенести на другую строку.
Для раскраски страницы: Для создания цветов используется RGB-модель, т.е. любой цвет составляется из трёх основных цветов - красный, зеленый, синий. Добавить в тег <<тела>> страницы параметр тега раскраски с желаемым цветом(выбирается из таблицы цветов). Каждый из знаков может быть от 0 до 9 или буквы от А до F. Таким образом можем создать любой цвет.
Выравнивание материала по центру: Для этого заключаем интересующий Вас кусок страницы между тегами выравнивающие по центру.(center) Вставляем на сайт картинку: Переносим картинку в папку где находится ваша страничка. Для вставки на веб-страницу картинки, используется тег картинки. В качестве параметра для этого тега используется имя картинки. Ширина картинки, высота картинки, размеры указываются в пикселях. Чтобы при наведении мышки на картинку отображался какой-нибудь текст, для этого служит параметр alt.
Форматирование текста жирным и курсивом: Используются теги и - сделать жирным, и - сделать курсивом, теги выставляются сначала и в конце текста, который вы хотите изменить.
Изменить размер шрифта: Производится через теги h от 1 до 6 выставляется по обоим сторонам выбранного текста).
Делаем ссылки на другую страницу: Для этого используется тег с параметром ссылки href. Так же можно вместо текста ссылки поместить тег картинки, тогда будет переход по ссылке при нажатии на картинку.
Естественно что описание поверхностное и возможно не совсем понятное, для расширения знаний по HTML выше предоставлены ссылки на учебники где в доступной форме описаны все правила и варианты по написанию грамотного HTML кода.