Содержимое страницы

Сразу к делу, вот пример содержимого страницы:

<body> <h1>Что такое HTML?</h1> <p>HTML - абривиатура "HyperText Markup Language", расшифровывается как язык разметки гипертекста. HTML используется для создания веб-страниц.</p> <hr> <h2>Возможности HTML:</h2> <ul> <li>Публикация онлайн-документов с заголовками, текстом, таблицами, списками, фотографиями и т.д.</li> <li>Получение информации онлайн через гипертекстовые ссылки, одним нажатием кнопки.</li> <li>Разработка форм для взаимодействия с удаленными сервисами, для использования при поиске информации, бронировании, заказе товаров и т.д.</li> <li>Включение электронных таблиц, видеоклипов, аудиоклипов и других приложений непосредственно в свои документы.</li> <li>Описание структуры страниц с помощью разметки.</li> </ul> </body>

Содержимое страницы должно находиться в теге <body></body>.
Теперь давайте разберем каждый элемент.

Заголовки

Заголовки указываются с помощью <h1>, <h2>, <h3>, <h4>, <h5> и <h6> .

<h1>h1 example</h1> <h2>h2 example</h2> <h3>h3 example</h3> <h4>h4 example</h4> <h5>h5 example</h5> <h6>h6 example</h6>
Результат:

h1 example

h2 example

h3 example

h4 example

h5 example
h6 example
Параграфы

Параграфы указываются с помощью <p></p>

<p>Первый параграф</p> <p>Второй параграф</p>
Результат:

Первый параграф

Второй параграф

  • Тег <p> является блочным элементом (т.е. внутри можно расположить дргуие html элементы).
  • Параграф всегда начинается с новой строки
  • Строки текста идущие друг за другом разделяются между собой отступом, для управления этим отступом ипользуются каскадные таблицы стилей CSS, я предполагаю, что CSS мы ещё не знаем, а значит у нас будет отступ по умолчанию который заложен в браузере.

Горизонтальная линия

Горизонтальная линия задаётся с помощью <hr>

<p>Первый параграф</p> <hr> <p>Второй параграф</p>
Результат:

Первый параграф

Второй параграф

Списки
Неупорядоченный список
Неупорядоченный список определяется тегом <ul>, а его элементы тегом <li>.
<p>Транспортные средства:</p> <ul> <li>Автомобиль</li> <li>Самолёт</li> <li>Поезд</li> </ul>
Результат:

Транспортные средства:

  • Автомобиль
  • Самолёт
  • Поезд
Упорядоченный список
Упорядоченный список определяется тегом <ol>, а его элементы тегом <li>.
<p>Транспортные средства:</p> <ol> <li>Автомобиль</li> <li>Самолёт</li> <li>Поезд</li> </ol>
Результат:

Транспортные средства:

  1. Автомобиль
  2. Самолёт
  3. Поезд
Lorem Ipsum

Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. Lorem Ipsum не только успешно пережил без заметных изменений пять веков, но и перешагнул в электронный дизайн.

Используйте "рыбу", когда знаете, что в определённом месте предполагается текст.
Метаданные
Табуляция

Комментарии

Добавить комментарий

Чтобы оставить комменатрий необходимо Авторизоваться

Содежание
1. Что такое HTML? 2. Синтаксис HTML 3. Создание HTML веб-страницы 4. HTML-редакторы 5. Структура HTML документа 6. Метаданные 7. Содержимое страницы 8. Табуляция 9. Гиперссылки 10. Изображения 11. Видео 12. Таблицы 13. Формы 14. Иконка сайта 15. Интеграция сторонних сервисов на страницу