Как научиться строить каркас сайта в HTML5?

Вконтакте
Google+

Как научиться строить каркас сайта в HTML5?

HTML5 – это программный язык для написания какой-либо информации посредством гипертекстовой разметки и её передаче пользователям с помощью интернета. Относится к пятой версии и составляет основу любого сайта.

Для начала работы необходимо последовательно пройти несколько шагов:

1. Выучить основные теги языка HTML5 (всего их в HTML5 115 штук). Остальные теги будут использоваться редко, заучивать их необязательно. Достаточно воспользоваться шпаргалкой.

2. При возможности скачать бесплатную программу Notepad++. Эта программа на русском языке. Или пользоваться простым встроенным блокнотом в системе Windows.

3. Пользуясь блокнотом или программой Notepad++, построить основу или каркас для будущего сайта.

Тег – это параметр, который указывает браузеру на то, как должна отображаться информация. Есть парные теги и одинарные. В парных тегах: один открывающий, другой закрывающий.

Каркас (основа) для построения любого сайта:

Объяснение строчек:

1. <! DOCTYPE HTML> – описывает тип документа для браузера. По этой строчке браузер «видит», что документ написан кодом HTML пятой версии. Для четвёртой и других версий – эта строчка имеет другой вид.

2. <Html> </html> – это парный тег, который открывает контейнер с остальными тегами. Именно по нему браузер понимает, что далее пойдёт HTML код.

10. <Head> </head> – это парный тег, который открывает вспомогательный блог. Этот блог называется «головой» HTML кода. В нём содержаться теги, которые показывают браузеру как должна отображаться дополнительная информация о сайте. Пример: кодировка, заголовок страницы (не название статьи или текста, а название страницы, например – главная), подключают нужные таблицы стилей, скрипты к таблицам и т. д.

3. <Meta> – это одинарный тег, в нём указывается кодировка текста. Указывать кодировку необходимо для корректного отображения информации во всех браузерах (без «абракадабры»).

4. <Title> </title> – это парный тег. В нём указывается название страницы. Название отображается во вкладке браузера.

5. <Body> </body> – это парный тег, который открывает блог с форматирующими тегами. По-другому его называют «телом» HTML кода. В этой части указывается вся информация, которая видна пользователю. Пример: абзацы, жирный шрифт, заголовки, картинки, таблицы и другое.

Всё, каркас готов. На этом этапе можно приступать к построению сайта.

HTML
01.03.2017
AMEERTEAM
ameerteam@timurziev.ru
Печалиться о прошлом абсурдно, ты не сможешь его изменить. Бояться будущего бессмысленно, оно не существует.