TWEB. Lab1. Шаблон

Министерство Образования Республики Молдова
Технический Университет Молдовы
Отчет
по лабораторной работе № 1
Предмет T.WEB
Тема: “Знакомство со структурой документа
HTML/CSS ”
Выполнил: ст. гр.TI-228 Шологан А.

Проверил: Leah Arcadie
Кишинев 2024
Цель Работы:
Ознакомится со структурой документов HTML/CSS.
Задание:
Создать с помощью HTML/CSS простой шаблон сайта.
Ход Работы:
Любой HTML-документ начинается с базовой структуры. Она включает в себя

теги, которые есть в любом HTML-файле. Эти теги и служебная информация нужны
браузеру для корректного отображения информации.
Первая конструкция в любом HTML-документе — элемент DOCTYPE. Он не

относится к тегам и никаким образом не может отображаться на странице. Его задача —
указать браузеру, какой стандарт HTML используется в этом документе. Сейчас это везде
стандарт HTML5. Записывается он следующим образом:
<!DOCTYPE html>
С приходом стандарта HTML5 элемент DOCTYPE немного упростился. Если вы

встретитесь с сайтами, созданными пять-десять лет назад, то сможете увидеть совершенно
другие записи. Они были больше и напрямую влияли на то, как браузер обработает
информацию. Неправильное указание элемента DOCTYPE могло привести к
некорректному отображению. Сейчас такой проблемы нет, поэтому вы можете без всяких
опасений использовать конструкцию, которая указана в данном уроке. Использование
старых значений DOCTYPE необходимо только при разработке с поддержкой очень
старых браузеров.
Тег <html></html> является основой основ. Именно внутри него располагается вся
информация. Благодаря этому тегу браузер понимает, где начинается контент, который
необходимо обработать как HTML.
<head> Тег служит для хранения служебной информации. Здесь возможны

самые разные сочетания тегов, которые подсказывают браузеру название страницы,
описание, ключевые слова и так далее. Такая информация называется
метаинформацией. В современном вебе она отвечает не только за служебную
информацию для браузера, но и активно используется при продвижении сайта.
Поисковые системы считывают всю эту информацию и на основе множества
алгоритмов определяют место сайта при разных поисковых запросах.
Любые данные, которые указаны внутри тега head, не видны при отображении
страницы в браузере. Это значит, что нет необходимости располагать там информацию,
которая предназначена для отображения.
На любом веб-сайте вы можете заметить заголовок, который отображается на

вкладке вашего браузера. Для указания заголовка страницы используется специальный
парный тег <title></title>, внутри которого указывается нужная информация.
<title>Моя первая страница</title>

После тега head в документе указывается парный тег <body></body>, который
является «телом» всей страницы. Именно здесь размещается вся информация, которая
будет выведена на странице.
Чтобы полностью соответствовать всем стандартам HTML, добавим необходимую

базовую структуру документа.
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Моя первая страница</title>
</head>
<body>
<header>
<img src="/logo.png" alt="Логотип"> 
<nav id="menu"> 
<ul>
<li><a href="/">Главная</a></li>
<li><a href="/about">О нас</a></li>
<li><a href="/contacts">Контакты</a></li>
</ul>
</nav>
</header>
</body>
</html>
Хоть данный набор и является основным, но на самом деле браузеры могут

обработать HTML-информацию и без базовой структуры документа. Но не стоит
отдавать всё на откуп браузеру. Он постарается автоматически обернуть контент в
body, добавит современный DOCTYPE, но при этом нет уверенности в том, что всё это
он добавит корректно.
Пример выполненной работы представлен ниже:

Вывод
В ходе данной лабораторной работы, были изучены основы строения HTML
документа, и с помощью HTML была реализована страница в браузере.

TWEB. Lab1. Шаблон

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

TWEB. Lab1. Шаблон

Загружено:

Авторское право:

Доступные форматы

Министерство Образования Республики Молдова

Технический Университет Молдовы

Выполнил: ст. гр.TI-228 Шологан А.

Любой HTML-документ начинается с базовой структуры. Она включает в себя

Первая конструкция в любом HTML-документе — элемент DOCTYPE. Он не

С приходом стандарта HTML5 элемент DOCTYPE немного упростился. Если вы

<head> Тег служит для хранения служебной информации. Здесь возможны

На любом веб-сайте вы можете заметить заголовок, который отображается на

<title>Моя первая страница</title>

Чтобы полностью соответствовать всем стандартам HTML, добавим необходимую

Хоть данный набор и является основным, но на самом деле браузеры могут

Пример выполненной работы представлен ниже:

Вам также может понравиться