Основы HTML-разметки

Приветствую всех посетителей сайта! Тема создания сайта настолько обширна, что её изучению можно посвятить довольно много времени, а если учесть, что эта тема постоянно развивается и расширяется новыми понятиями и возможностями, то получается прямо как в поговорке "век живи, век учись".

Сегодня мы будем изучать HTML, хоть использование программ-конструкторов и не требует от нас знаний в этой области, но знать основы HTML должен каждый, кто решился создать сайт самостоятельно. В процессе наполнения и развития своего сайта/блога вебмастеру все равно придется не раз столкнуться с правкой html-кода или внесением дополнений в него.

Давайте сначала сделаем небольшое отступление и ознакомимся с понятием HTML. В переводе с анлийского HyperText Markup Language означает язык гипертекстовой разметки, который используется в документах и веб-страницах во Всемирной паутине. 

HTML-язык был создан в 1990 году учёным Тимом Бёрнсом-Ли и изначально предназначался для облегчения обмена информацией между учёными различных университетов. Проект имел больший успех, чем Tim Berners-Lee мог ожидать и именно он заложил основы современной сети Internet.

HTML позволяет представлять нечитальный набор символов в виде понятной информации на мониторе. То, что мы видим при просмотре страницы в Интернете, это интерпретация нашим браузером HTML-кода. Посмотреть исходный код любой веб-страницы можно щелкнув ПКМ по пустому месту страницы и выбрав в контекстном меню пункт "Просмотр кода страницы". 




                                               Добро пожаловать в проект "Сайт с нуля" !
Прежде всего данный проект предназначен для тех, кто пытается создать сайт самостоятельно, то есть для новичков. Соответственно, вся информация изложена доступно, все этапы построения сайта сопровождаются скриншотами, что позволит начинающим вебмастерам быстро и просто освоиться в этом нелегком вопросе.
Здесь вы можете скачать русские версии WebPageMaker, WordPress, Joomla, Adobe Muse, а также инструкции по установке WordPress и Joomla на хостинг и мануалы по установке тем (шаблонов) для этих CMS.

                               Всем желаю удачи и смелых воплощений идей на вашем сайте !
Пошаговое руководство для новичков по созданию,
раскрутке и монетизации собственного сайта.
WebPageMaker, Wordpress, Joomla - инструкции для
новичков по установке CMS и шаблонов к ним.
Проект для новичков
Главная       Скачать       Уроки        Новости        Статьи        Контакты        Карта сайта
2010 - 2016 © Сайт с нуля: пошаговое руководство для новичков по созданию, раскрутке и монетизации собственного сайта. WebPageMaker, WordPress, Joomla -  русские версии.
Автор и администратор  данного проекта - SvetLana_TSV.  Копирование материалов сайта разрешено только при наличии активной ссылки на данный проект.
Хочешь быть на шаг впереди и первее
остальных получать новые материалы
сайта? Тогда не забудь оставить свои
координаты: имя и электронный адрес!
ПОДРОБНЕЕ

Учебник по HTML для начинающих
izuchaem_html_tags
ishodny_kod_stranitsy
Вам откроется страница с исходным кодом, в которой новичку сложно что-то понять, среди набора различных символов "проскакивает" текст, ссылки, скрипты и т.д. Сплошь и рядом непонятные термины...

Да, так кажется на первый взгляд, но если ознакомиться хотя бы с основами html-разметки, то уже начинаешь понимать структуру документа и различать теги. Вот так выглядит участок исходного кода страницы моего сайта.


И чтобы разбираться в html-структуре, нужно изучить базовые знания этого языка разметки. Любой документ на языке HTML представляет собой набор элементов, в котором начало и конец каждого элемента обозначается специальными метками - тэгами.

Элементы разметки могут быть пустыми, то есть не содержащими никаких данных, например, тэг перевода строки <br>. В этом случае обычно не указывается закрывающий тэг. А если элементы имеют атрибуты, определяющие какие-либо их свойства, то закрывающий тэг обязателен.

Например, для ссылки строка кода будет иметь такой вид:

<a href="http://sayt-s-nulya.ru">Текст ссылки</a>

Все тэги имеют одинаковый формат: они начинаются знаком "<" и заканчиваются знаком ">". Открывающий тэг отличается от закрывающего наличием слеша "/", например, открывающий тег <html> и закрывающий </html>.  Всё содержимое, помещённое между открывающим и закрывающим тэгами, является содержимым тэга.


Итак, теги - это стандартные элементы разметки веб-страницы, позволяющие браузеру при ее загрузке правильно отображать тот или иной элемент (текст, картинку, видео). Прада, сейчас вовсю используются стили CSS, поэтому html-код стал намного удобнее и компактнее за счет того, что стили обычно упаковываются в отдельный файл, именуемый чаще всего "style.css".

Соответственно и изучение html-разметки немного упростилось, поэтому всем вебмастерам, несмотря каким способом они планируют создать свой сайт, я настоятельно рекомендую изучить хотя бы основы HTML. Пригодится обязательно!

Ниже можете скачать учебник по HTML для "чайников", в котором все понятия и тэги рассматриваются на понятном языке и с конкретными примерами.

Скачать бесплатно учебник по HTML для "чайников"
Учебник по HTML для чайников
В дополнение даю ссылку еще на один краткий учебник по HTML, возможно кому-то он покажется проще в изучении, тут уж решать вам.

Скачать краткий учебник по HTML

На этом сегодняшний материал завершен, на очереди освещение основ CSS и PHP, поэтому надолго не прощаюсь.

До новых встреч! С ув. Светлана (SvetLana_TSV).
Не забудь заглянуть в свою почту и подтвердить подписку!