Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-03-10

1 <ul><li><a>Определение</a></li>

2 <li><a>Структура и основные составляющие</a><ul><li><a>Где писать код</a></li>

3 <li><a>Базовая структура</a></li>

4 <li><a>Атрибуты</a></li>

5 <li><a>Отношения</a></li>

6 <li><a>Элемент Doctype</a></li>

7 </ul></li>

8 </ul><p>HTML -<a>язык программирования</a>, который пользуется огромной популярностью при веб-разработке. Он активно применяется как новичками, так и уже более опытными специалистами. Далее будут изучены азы HTML для начинающих.</p>

9 <p>Информация, представленная в статье, пригодится преимущественно тем, кто ранее не был знаком с упомянутым языком разработки. С ее помощью программисты смогут познакомиться со структурой HTML-документа, его тегами и другими компонентами.</p>

10 <h2>Определение</h2>

11 <p>HTML или HyperText Markup Language - язык гипертекстовой разметки. Это средство программирования, которое используется для формирования веб-страниц. При помощи HTML создаются различные интернет-магазины, информационные порталы и им подобные.</p>

12 <p>Гипертекст - это текст, который связан с другим при помощи гиперссылок или ссылок. Открываются документы соответствующего типа непосредственно в браузерах.</p>

13 <p>Выучить упомянутый язык программирования - задача не из простых, потому что он поддерживает множество функций, возможностей и тегов. Имеет тесную связь с CSS. Далее будут представлены лишь азы (основы) разработки на HTML.</p>

14 <h2>Структура и основные составляющие</h2>

15 <p>Основной компонент гипертекста - это тег. Так называется текст, который заключается в угловые скобки <…>.</p>

16 <p>Теги могут быть:</p>

17 <ul><li>одиночными;</li>

18 <li>парными.</li>

19 </ul><p>Основная масса тегов являются парными. Они имеют открывающие и закрывающие компоненты. Для начинающих помнить соответствующие азы - это "база", без которой дальнейшая разработка станет невозможна.</p>

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

21 <p>Теги в HTML могут быть вложенными друг в друга, а также обладать атрибутами (свойствами). При вложенности необходимо соблюдать последовательность "закрытия" каждой команды.</p>

22 <p>Одиночный тег просто заключается в кавычки. Он не требует от разработчика закрытия. Соответствующие компоненты для начинающих - редкость, поэтому на них заострять внимание на первых порах нет необходимости.</p>

23 <h3>Где писать код</h3>

24 <p>Если пользователь решил изучать язык гипертекста, ему необходимо выучить, где правильно писать соответствующий код. Большинство ЯП предлагают собственные среды разработки. в случае с гипертекстом ситуация несколько меняется.</p>

25 <p>HTML элементы преобразуются в рабочий код при написании в любом текстовом редакторе. Им может послужить:</p>

26 <ul><li>Microsoft Word;</li>

27 <li>Notepad++;</li>

28 <li>служба "Блокнот" в Windows.</li>

29 </ul><p>Это - наиболее распространенные варианты. Запоминать все существующие редакторы не обязательно. Новичкам достаточно воспользоваться "Блокнотом" или Notepad++. Второе приложение более функциональное. Оно имеет подсветку синтаксиса, благодаря чему исходный код станет читабельным.</p>

30 <h3>Базовая структура</h3>

31 <p>Изучение HTML рекомендуется начать с базовой структуры сформированного документа. Ниже - наглядный пример того, как выглядит HTML-документ:</p>

32 <p>"Базовая" веб-страница имеет в своем составе такие компоненты как:</p>

33 <ul><li>html - тег, который указывает на то, что используемый документ написан на языке гипертекста;</li>

34 <li>head - "голова", в которой содержится техническая информация;</li>

35 <li>title - заголовок файла, который будет отображаться во вкладке интернет-обозревателя при переходе по URL;</li>

36 <li>body - "тело": все, написанное здесь, является основным содержимым файла.</li>

37 </ul><p>Выше - пример HTML-файла и результат его обработки.</p>

38 <h3>Атрибуты</h3>

39 <p>Рассматривая основы разработки на языке гипертекста, пользователи должны помнить - у тегов могут быть атрибуты. Это свойства, которыми обладает та или иная "команда". Каждый тег имеет свой собственный спектр атрибутов. Соответствующие компоненты бывают:</p>

40 <ul><li>локальными;</li>

41 <li>глобальными.</li>

42 </ul><p>Первый тип устанавливается каждому конкретному элементу страницы. Второй встречается у большинства тегов в HTML.</p>

43 <p>Наиболее распространенный вариант глобального параметра - style. Значение атрибута - задание стиля текста в теге <p>.</p>

44 <h3>Отношения</h3>

45 <p>Чтобы выучить основы разработки веб-страниц, необходимо помнить об отношениях между тегами. Они бывают нескольких типов:</p>

46 <ol><li>Предок. Сюда относится компонент, который содержит в себе другие.</li>

47 <li>Потоком. Элемент, вложенный в другой.</li>

48 <li>Родительский компонент. Тег, связанный с другими тегами более низкого уровня. Он обязательно находится выше уровнем.</li>

49 <li>Дочерний элемент. Тег, вложенный в элемент более высокого уровня.</li>

50 <li>Сестринский компонент. Тег в HTML, которым имеет с другими составляющими кодами одного и того же "родителя".</li>

51 </ol><p>Предложенная информация - это азы, о которых должен знать каждый новичок, работающий с гипертекстовым языком.</p>

52 <h3>Элемент Doctype</h3>

53 <p>Doctype HTML - компонент, который задает тип документа. По умолчанию он является html. Соответствующий элемент должен быть написан в самом начале исходного кода.</p>

54 <p>С его помощью браузер понимает, какой именно исходный код обрабатывать. В зависимости от этого будет меняться результат отображения "картинки".</p>

55 <p>Кроме стандартного HTML могут встречаться другие "форматы" кода. Пример - XML. Его, как и ключевые слова языка, пока рассматривать нет необходимости. Достаточно запомнить, что doctype задает компоненты, которые будут использоваться в исходном коде. Существуют три типа синтаксиса:</p>

56 <ul><li>переходный ;</li>

57 <li>фреймы ;</li>

58 <li>строгий .</li>

59 </ul><p>В HTML5, который используется чаще всего, поддерживаются все основные элементы языка. Более старые его версии почти не встречаются. Поэтому достаточно в начале документа с кодом вставить запись <!Doctype html>.</p>

60 <p>Быстрее разобраться в азах разработки помогут компьютерные дистанционные курсы.</p>

61 <p><em>Хотите освоить современную IT-специальность? Огромный выбор курсов по востребованным IT-направлениям есть в <a>Otus</a>!</em> </p>