1.2 стартуем с HTML

HTML (от английского HyperText Markup Language) — это язык разметки страницы. он используется для того, чтобы дать браузеру понять, как нужно отображать загруженный сайт.

когда браузер пытается как можно лучше отобразить содержимое страницы, язык разметки помогает ему понять, что на странице размещено. чтобы показать это, браузеры используют теги. теги - это, как кубики лего, из них мы собираем наш сайт.

главное это запомнить: в HTML основное теги. Они бывают открытые и закрытые.

как выглядят теги?

примеры тегов(1-я часть)

заголовок страницы, отображается на вкладке браузера
<title>Моя первая страница</title>
cлужит для выделения абзацев
<p>just text block</p>
cлужит для выделения заголовков в тексте
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

<p>just text block</p>
cлужит для перехода на другую строку
Любой текст<br>Любой текст
<p>также текст можно сделать <b>жирненьким</b>, 
<i>курсивчиком</i> и <u>подчеркнутым</u>!</p>

структура HTML документа

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Всё о котах</title>
  </head>
  <body>
    <p>какая-то инфа о котах</p>
  </body>
</html>

  1. <!DOCTYPE html>когда HTML был молод (1991–1992), типы документа должны были действовать как ссылки на набор правил, которым должна была следовать страница HTML, чтобы считаться хорошим HTML. Doctypes раньше выглядели примерно так:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    В последнее время doctype - эту штуку просто надо добавлять, чтобы все работало правильно

  2. <html></html>: <html> обертывает все содержимое страницы

  3. <head></head>: <head>контейнер для всего, что вы хотите включить на HTML-страницу, а не для контента, который страница будет показывать зрителям

  4. <meta charset="utf-8">с этим параметром страница теперь может обрабатывать любое текстовое содержимое

  5. <title></title>: <title>устанавливает заголовок страницы, который отображается на вкладке браузера

  6. <body></body>: <body>содержит весь контент, отображаемый на странице, включая текст, изображения, видео, игры, воспроизводимые звуковые дорожки или что-то еще.

если вы хотите узнать больше:

Previous1.1 что такое интернет и вебNext1.3 домашка

Last updated