Разметка html

Чтобы начать изучение основ HTML, нам понадобится любой текстовой редактор, например, Notepad(Блокнот). Я использую такой редактор: Notepad++, и советую лучше им пользоваться.


Откроем текстовой редактор Блокнот: В Windows'е он находится: Пуск --> Все программы --> Стандартные --> Блокнот.


И вставляем туда код:


HTML код:


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Первая страница</title>
</head>
<body>
<p>Добро пожаловать на мой сайт!</p>
</body>
</html>

Посмотреть пример


Сохраните документ: нажмите в пункт меню: Файл --> Сохранить как... . Далее назовите файл index.html. Во вкладке "Тип файла" выберите "Все файлы(*.*)". Во вкладке "Кодировка" нужно выбрать "UTF-8", чтобы в браузере корректно отображался текст написанный на кириллице.


Теперь попробуем открыть файл ещё раз. В браузере откроется страница с содержимым текстом.


Наша первая web-страница содержит следующее:



  • Тип документа - <!DOCTYPE html>

  • Контейнер <html></html>

  • Заголовок документа - <head></head> с названием страницы - <title></title>

  • Тело документа - <body></body>


HTML-код состоит из тегов. Название тега находиться между угловыми скобками "<" и ">".


Теги могут быть: парные - с открывающим и закрывающим тегом, например: <p></p>. И одинарными: <br />.


Сейчас в нашем документе находится параграф (<p></p>).


Есть множество разных тегов которые мы разберём в следующей статье: Теги в html.


Обновлён: 22.10.2024 23:14:33

0 Комментарии
Написать комментарий
Загрузка