Как делаются сайты, основы html для начинающих

Дата публикации:

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

HTML (Hypertext Markup Language) - это код, который используется для отображения веб-страниц.

HTML не является языком программирования. Это язык разметки, и используется, чтобы сообщать вашему браузеру, как именно отображать страницы, которые вы посещаете. Он может быть сложным или простым, в зависимости от сложности самой html страницы.

Структура HTML документов

HTML использует различные теги для форматирования содержимого. Все теги заключены в угловые скобки <Имя тега>. Большинство тегов имеют закрывающие теги. Например, тег <html> имеет закрывающий тег </html> и отличается он от открывающего наличием косой черты в начале тега.

Вот так выглядит современный пустой документ с основными тегами html:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h1>Welcome to test page</h1>
<p>You gotta do what we gotta do</p>
<img src="/1.jpg" alt="рисунок">
</body>
</html>

Не вникайте в то что написано, просто постарайтесь понять что весь документ html, набор тегов в определенной последовательности.

Если вы заметили, то тег <img> не имеет закрывающего тега, так как в этом нет необходимости. Множество начинающих веб разработчиков путаются в тегах. По началу это действительно так, но не пугайтесь. Мы еще вернемся к тегам и рассмотрим их более подробно.

Программы которыми пользуются веб разработчики и верстальщики.

Так как веб страницы содержат в себе массу тегов, необходимо позаботиться о максимально быстром и удобном наборе текста. Существует множество программ упрощающих задачи разработчикам сайтов, вплоть до того что писать ничего и вовсе не нужно.
1 SublimeText3 - текстовый редактор с автозаполнением тегов и много необходимых функций
2 Notepad++ - достаточно функционален, бесплатен, но тяжело установить плагины. Лично у меня не вышло.

Для начала, одного из этих двух инструментов вам хватит с головой.

Сложно ли изучить HTML?

Главное понять структуру сайтов, вложенности тегов. А от их количества не пугайтесь, в большинстве случаев используются только распространенные теги. Которых не так уж и много.

Если я чего то упустил, оставляйте пожалуйста комментарии.

Новый коментарий
Реклама