of 17 /17

основы Html

Embed Size (px)

Citation preview

Page 1: основы Html
Page 2: основы Html

HTML (от англ. HyperText Markup Language — «язык разметки гипертекста») —

стандартный язык разметки документов во Всемирной

паутине. приблизительно в 1989—1991 годах

Page 3: основы Html

Тимоти Бернерс-Ли - британский учёный,

изобретатель URI, URL, HTTP, HTML,

изобретатель Всемирной паутины

(совместно с Робертом Кайо) и действующий глава Консорциума

Page 4: основы Html

*.html или *.htm.

Page 5: основы Html

Создать персональную папку, где обязательным требованием является использование для имени папки английские буквы;

Создать текстовой документ Блокнот (с расширением .txt);

Открыть документ и сохранить его под новым именем с расширением .html или .htm

Page 6: основы Html
Page 7: основы Html

1.Парные (контейнер):<HTML>…</HTML>

Закрывающий тэг содержит «/»

2. Одиночные:<HR>

управляющие символы, которые определяют вид Web-страницы при её просмотре в браузере.

Page 8: основы Html

<HTML> -начало страницы<HEAD> <TITLE>Название</TITLE> заголовок </HEAD> страницы<BODY> … Содержание </BODY> страницы</HTML> -конец страницы

Page 9: основы Html
Page 10: основы Html

<html><head><title>Компьютер</title></head><body><i>Компьютер и ПО </i><p><b>Комплектующие</b></p></body>

</html>

Page 11: основы Html

Заголовки:

<H1>Заголовок 1-го уровня</H1>

<H2>Заголовок 2-го уровня</H2>

<H3>Заголовок 3-го уровня</H3>

<H4>Заголовок 4-го уровня</H4>

<H5>Заголовок 5-го уровня</H5>

<H6>Заголовок 6-го уровня</H6>

Page 12: основы Html

Изменяют свойства отображаемого на экране элемента. Записываются внутри открывающего тэга через пробел.

1.Выравнивание:ALIGN=“*”, где вместо *: center, left или

rightПример: <H1 ALIGN=“center”> -

выравнивание заголовка по центру2.ЦветCOLOR=“*”, где * - название цвета по-

английски (Blue, red, green и т.д.)Пример: <H1 ALIGN=“center”

COLOR=“blue”> - выравнивание заголовка синего цвета по центру

Page 13: основы Html

3.ШрифтFACE=“*”, где вместо *: название шрифта

(Arial, Courier и др.)Пример: <H1 FACE=“Arial”> - создание

заголовка, напечатанного шрифтом Arial.4.РазмерSIZE=“*”, где вместо *- целое число от 1 до

7Пример: <H1 SIZE=4> - создание заголовка

4-го размера.

Page 14: основы Html

Абзац задается тэгом контейнером <P></P>.

Пример: <P>Этот сайт рассказывает об устройстве компьютера.</P>

Атрибуты: ALIGN, SIZE, COLOR, FONT.

Page 15: основы Html

Можно размещать графические файлы 3 форматов: GIF, JPG, PNG.

Используется тэг<IMG SRC=“имя файла”>1)<IMG SRC=“comp.jpg”> - файл находится

в той же папке.2)<IMG SRC=“C:\sait\comp.jpg”> - файл

находится в другом каталоге.3)<IMG SRC=“http://www.server.ru/

comp.jpg”> - файл находится в Интернете.

Page 16: основы Html

Разработать страницу «Мое хобби» с использованием

тэгов для форматирования текста.

Page 17: основы Html

В программе Блокнот напечатать основные тэги.

Сохранить результат в специальной папке под именем index.htm (если это первый файл).

Открыть файл index.htm из папки (он откроется в браузере).

Для редактирования файла нажать кнопку «Править в…» и выбрать программу Блокнот Внести изменения в файл и сохранить

результат. Не закрывая Блокнот переключиться в

браузер и нажать кнопку «Обновить».