Это вторая статья из цикла «HTML и CSS для начинающих». В ней мы сделаем упор на html. Разберемся как строится страница, какие используются директивы, что может быть на странице, как это разметить, а так же задействуем материалы, которые уже были опубликованы на нашем сайте. Первая часть.
HTML и CSS для начинающих — HTML
Пфух! Постараемся описать все максимально понятно. Самое простое представление HTML — это голова и тело. Кодом это выглядит так:
1 2 3 4 5 6 |
<!doctype html> <head> </head> <body> </body> </html |
Фактически можно утверждать, что мы только написали первую веб-страницу, но давайте по порядку:
<!doctype html> — указывает тип текущего документа. Их существует весьма большое множество. И каждый из разработчиков своего типа считает, что его вариант самый лучший. Но самый простой вариант объявить тип документа html5, как на нашем примере.
<head></head> — в этом теге находится вся мета информация о сайте, его описание, название, шапка, кодировка для отображения текста, подключение внешних ресурсов и т.д.
<body></body> — здесь располагается весь основной контент от меню и до футера, со всеми правыми и левыми барами.
Фактически мы лишь разметили элементы на странице. HTML всегда выступает в качестве создателя элементов, но мы помним, что он не имеет доступа к свойствам элементов, а их огромное множество. На странице могут быть блоки, изображения, абзацы, таблицы, маркированные и нумерованные списки и еще огромное количество элементов, которые можно создать с помощью html.
В HTML5 были переделаны многие теги ради того, чтобы их имена и работа полностью отображали выполняемую задачу. При этом старые теги не перестали поддерживаться.
Задание:
Заполните теги head и body любой информацией, которая вам будет интересна. Вставьте в тег body изображение, изучите тег title и используйте его в своих наработках. Полученный результат прикрепляйте в комментариях.
Итог:
Теперь, когда вы знаете как пользоваться html стоит оговориться, что на чистом html уже давно никто не пишет, так как есть всякие бесплатные решения, работающие на php. Но даже работая на php вы должны знать html, потому что он закладывает логику чтения многих языков, позволяет понять, что такое иерархия, вложенность, дочерние и родительские элементы, атрибуты, стили и так далее. Фактически html и css являются фундаментом для изучения веб-программирования особенно для начинающих веб-мастеров. В какой-то момент вы почувствуете, что хотите и можете больше, чем просто чистый html.
А пока пишите выполненное задание в комментах, так же оставляйте там и свои вопросы. Подписывайтесь на нашу группу в ВК, группу в ФБ, канал в телеге и канал на ютубе! Спасибо за внимание!