461.97K
Category: internetinternet

Язык разметки гипертекстовых документов HTML

1.

2.

3.

HTML-файл имеет расширение
.htm или .html

4.

5.

6.

7.

8.

9.

10.

одиночный
ТЭГ
от крывающий < >
парный
(контейнер)
закрывающий </ >

11.

ПРАВИЛА ЗАПИСИ ТЭГОВ

12.

начало HTML-документа
<HTML>
<HEAD>
<TITLE>
начало заголовка
начало строки – названия страницы

строка названия страницы
</TITLE>
конец строки – названия страницы
</HEAD>
конец заголовка
<BODY>
начало тела страницы

тело (всё содержимое) страницы
</BODY>
</HTML>
конец тела страницы
конец HTML-документа

13.

14.

<head>
<title>Информатика</title>
</head>
HTML

15.

Текст заключенный между тэгами
<title>Информатика</title>,
отобразился в строке Имени
документа
HTML

16.

<h1>
уровня на
</h1>
тэги заголовка первого
Web – странице,
в основной части страницы.
HTML

17.

Вот результат сохраненной
Web – странички и
просмотренной в браузере
HTML

18.

<HTML>
<HEAD>
<ТIТLЕ> Моя первая Интернет-страничка!
</TITLE>
</HEAD>
<BODY>
Это моя первая проба сил в Web-дизайне.
Может быть, страничка пока еще получилась
не очень красивой, но ведь она работает!!!
</BODY>
</HTML>

19.

<html>
начало документа.
<head>
сновная служебная информация о
документе.
<title>Моя первая страничка</title>
шапке окна «название документа»
</head>
<body>
тело" документа всё что написано ниже
выставляем на всеобщее обозрение
Привет мир!!!
<br>
Меня зовут (ваше имя ), это моя
первая страничка!
</body>
</html>
переносим текст на следующую
строчку.

20.

Добавление параграфа «выравниваня»
Пример: «по правому краю», «по левому краю», «по центру»
для того чтобы на странице сайта разбить текст на параграфы,
необходимо воспользоваться тегом <p> .
<p align="center">Привет мир!!!</p>по центру:
<p align="left">Привет мир!!!</p>по левому краю:
<p align="right">Привет мир!!!</p>по правому краю
По обоим краям документа :<p align="justify">Привет
мир!!! - здесь нужен текст подлиней чтобы эффект был хорошо
виден при открытии документа</p>
English     Русский Rules