HTML, что означает Hypertext Markup Language, — это язык разметки для создания веб-страниц. Когда вы посещаете веб-сайт и видите контент, такой как абзацы, заголовки, ссылки, изображения и видео, это HTML. HTML представляет контент и структуру веб-страницы с помощью элементов. Вот пример элемента абзаца:
Большинство элементов будут иметь открывающий и закрывающий теги. Иногда эти теги называются начальным и конечным тегами. Между этими двумя тегами у вас будет контент. Этот контент может быть текстом или другими элементами HTML. Как открывающий, так и закрывающий теги начинаются с левой угловой скобки ( <) и заканчиваются правой угловой скобкой ( >), при этом имя тега помещается между этими угловыми скобками. Вот более подробный обзор только открывающих и закрывающих тегов абзаца:
Открывающий тег отличается от закрывающего тем, что косая черта ( /) расположена сразу после левой угловой скобки в закрывающем теге. Некоторые элементы HTML не имеют закрывающего тега. Они известны как элементы void. Вот пример элемента изображения, который является элементом void:
Обратите внимание, что этот элемент изображения не имеет закрывающего тега и не имеет никакого содержимого. Элементы void не могут иметь никакого содержимого и имеют только начальный тег. Если вы хотите отобразить изображение, вам нужно будет включить пару атрибутов в элемент изображения. Атрибут — это специальное значение, используемое для настройки поведения элемента HTML. Вот пример элемента изображения с srcатрибутом , или source:
Атрибут srcиспользуется для указания местоположения этого изображения. Для элементов изображения хорошей практикой является включение другого атрибута, называемого alt атрибутом. Вот пример элемента изображения с атрибутами srcи alt:
Атрибут alt используется для предоставления краткого описательного текста для изображений. В этом случае описательный текст — «Кот спит в траве».
Итак, вы можете задаться вопросом, достаточно ли HTML самого по себе для создания веб-сайта. Что ж, ответ таков: это зависит от обстоятельств. Если вы создаете небольшой практический проект, который отображает только текст и изображения, одного HTML может быть достаточно. Однако, если вы создаете современный профессиональный веб-сайт, вам понадобятся HTML, CSS и JavaScript.
HTML предназначен для контента и структуры. CSS предназначен для стилизации. JavaScript предназначен для добавления интерактивности на ваши веб-страницы. Хорошей аналогией для этого будет сравнение HTML, CSS и JavaScript с законченным зданием. HTML представляет собой блоки, бетон и железо, из которых состоят стены. Это фундамент, который делает здание прочным. CSS представляет собой внутренний и внешний дизайн, который делает дом красивым. JavaScript представляет собой электрическую и водопроводную систему, которая обеспечивает бесперебойный доступ к воде и электричеству.