Имея высшее образование ( Прикладная инженерия. искусственный интеллект) и некий опыт работы в сфере фронтенда. Хотел бы поделится своими знаниями для тех кто начинает программировать и хочет связать свое будущее с такой прекрасной вещью где нужно много думать! А именно много думать и много чему учится.. увы, без этого не как...
Язык HTML отвечает за структуру и содержание страницы. Он состоит из тегов, а тег состоит из имени, заключённого между знаками «меньше» и «больше».
На Рис А, мы видим шаблон, ДЛЯ КАЖДОГО HTML файла. Можно ее либо запомнить, либо постоянно ставить в начале строчки кода в пустом редакторе ( ! )-твердый знак и нажимает Tab. У нас вылазиет полностью готовый шаблон.
1.Теги
Примеры тегов: <h1>, <p>, <ul>.
Теги бывают парными и одиночными.
Например, тег <link> — одиночный:
<link rel="stylesheet" href="style.css">
Парные теги могут содержать текст и другие теги. У парных тегов, в отличие от одиночных, есть вторая половинка — закрывающий тег. В закрывающих тегах перед именем ставится символ / («слэш»):
<h1>Текст заголовка</h1>
Пока просто запомните что есть парные и одинарные теги. Что написано в тегах запоминать не обязательно
Ещё одна полезная вещь — это комментарии. Код, заключённый между символами <!-- и -->, работать не будет. Если эти символы удалить, то код заработает, это называется «раскомментировать». С помощью комментариев обычно временно отключают какой-то код или оставляют подсказки и разъяснения.
<!-- Это комментарий в HTML -->
В каждом языке программирование есть свои плюсы и минусы. И все они чем то либо отличаются, так и комментарии вы не можете прокомментировать CSS, JS-JavaScript код, которым комментировали в Html.
2.Список, как сделать. Что такое ul, li, ol, dl.
Тег ul: маркированный список в HTML
Маркированный список подходит для случаев, когда информацию надо просто перечислить и нам не нужна строгая иерархия. Браузер автоматически добавляет отступы и маркеры слева от списка, чтобы данные не сливались с остальным текстом.
Маркированный список в HTML можно создать с помощью парного тега <ul>. В него помещаются пункты, которые оборачиваются в теги <li>. Рассмотрим на примере процесс создания простого маркированного списка из пяти элементов:
Тег ol: нумерованный список в HTML
С помощью нумерованного списка можно расположить элементы в строгом порядке. Нумерация начинается сверху и по умолчанию обозначается арабскими цифрами.
Нумерованный список создаётся с помощью парного тега <ol>. После этого его можно заполнить элементами, которые обёрнуты в <li>:
Тег dl: список определений в HTML
Список определений похож на словарь, в котором содержатся записи в формате «слово — значение». Создать его несложно, но на вёрстку может уйти больше времени, чем при работе с маркированными и нумерованными списками.
Для начала обозначим парные теги <dl>. А потом добавим в них пункты с помощью тегов <dt> для терминов, а <dd> — для определений. Важно не перепутать последовательность и ничего не пропустить, иначе браузер не сможет правильно отобразить содержимое.
Вот как это выглядит на примере: