HTML

Документ описывает язык гипертекстовой разметки HTML, его структуру и основные теги, используемые для создания веб-страниц. Он включает примеры запросов и ответов HTTP, а также различные группы тегов, такие как блочные и строчные. Кроме того, документ упоминает дизайн проекта с элементами, такими как заголовки, списки, таблицы и формы.

Загружено:

edelisakson

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

Мы серьезно относимся к защите прав на контент. Если вы подозреваете, что это ваш контент, заявите об этом здесь.

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

Скачать в формате PPTX, PDF, TXT или читать онлайн в Scribd

0% нашли этот документ полезным (0 голосов)

8 просмотров13 страниц

HTML

Загружено:

edelisakson

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

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

Скачать в формате PPTX, PDF, TXT или читать онлайн в Scribd

WEB (HTML)

HTTP Request-Response
Schema
Request
GET [Link]

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Cat_Videos</title>
</head>
<body>
............
</body>
</html>

Response 2
1991 год

Британец Тимоти
Джон Бернерс-
Ли в Женевском
ЦЕРНе
изобрел язык
гипертекстовой
разметки, он
же HyperText
Markup Language,
он же HTML,
предназначенный
для разметки и
оформления
документов World
Wide Web.
3
Структура тэга (tag)
HTML 5 содержит более чем 150 тэгов

Контент

<h1 class=”thumbnail-header”>ottergram</h1>

Стартовый тэг Атрибут Конечный тэг

4
<value attr=“valAttr” attr1=“v”>
<value attr=“valAttr” attr1=“v”/>

<value>content</value>
<value><value1></value>

5
- Закрывающиеся (парные – pair tags)
(a, ol, ul, table, form, head, title, body, html,
div, h1, p, b, span)
- одиночные (single tags)
(img, meta, br)
- блочные (block tags)
(div, h1, hr, p, pre, ol, ul, table, form)
Группы
- строчные (inline tags)
тэгов
(a, b, big, br, em, i, img, small, span, strong,
sub, sup)
- верхнего уровня (top level tags)
(html, head, body, table, ul, ol, form)
- заголовка документа (title tags)
(head, title, meta)
- Ссылки (anchor) (a)
- Cписки (list) (ol, ul, li)
- Изображения (image) (img)
- Таблицы (table) (table, td, th, tr)
- Формы (form, input, select)
6
textttttttttttttttttttt textttttttttttttttttttt textttttttttttttttttttt textttttttttttttttttttt textttttttttttttttttttt

textttttttttttttttttttt

7
Структура HTML
<!DOCTYPE html>
<html lang="en"> html
<head>
<meta charset="UTF-8">
<title>Ottergram</title> head body
</head>
<body>
<header> meta title header
........
</header>
……………... ……………...
............
</body>
</html>
8
Дизайн проекта
ЗАГОЛОВОК

КАКОЙ-ТО ТЕКСТ

КАРТИНКА КАРТИНКА

СПИСОК

ТАБЛИЦА

ФОРМА

9
<table>
<thead>
<tr>
<th></th><th></th><th></th>
<tr>
</thead>
<tbody>
<tr>
<td></td><td></td><td></td>
<tr>
</tbody>
</table>
10
• <header>
• <footer>
• <section>
• <nav>
• <article>
<div> •
•
<aside>
<main>
• <details>
• <summary>
• <figure>
• <dialog>
• <menu>
11
12

HTML

Загружено:

HTML

Загружено:

WEB (HTML)

Стартовый тэг Атрибут Конечный тэг

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