Get Started. It's Free
or sign up with your email address
Язык HTML by Mind Map: Язык HTML

1. Понятие тега и атрибута

1.1. Тег-элемент языка разметки гипертекста, более правильное название — дескриптор.

1.2. Атрибут записывается как пара имя-значение, причем нечисловое значение заключается в кавычки.

2. Структура HTML документа

2.1. <!DOCTYPE>

2.2. <html> и </html>

2.3. <head> </head> ) и тела ( <body> </body>

3. Теги форматирования текста

3.1. <pre> </pre> -определяет блок предварительно форматированного текста.

3.2. <h1> </h1> -самый большой заголовок

3.3. <p> </p> - новый параграф

3.4. И т.д.

4. Списки

4.1. Список определений

4.1.1. <dl> </dl> — создает список определений

4.1.2. <dt> — определяет каждый из терминов списка

4.1.3. <dd> — описывает каждое определение

4.2. Нумерованный список

4.2.1. <ol> </ol> — создает нумерованный список

4.2.2. <li> — определяет каждый элемент списка и присваивает номер

4.3. неНУМЕРОВАННЫЙ СПИСОК

4.3.1. <li> — предваряет каждый элемент списка и добавляет кружок или квадратик.

4.3.2. <ul> </ul> — создает ненумерованный список

5. Гиперссылки

5.1. <a href=“URL”> </a> — гиперссылка на другой сайт.

5.2. <a href=“NAME”> </a> — гиперссылка на другую страницу.

5.3. <a href=“mailto:MAIL”> </a> — гиперссылка вызова почтовой программы для написания письма по указанному адресу.

5.4. <a href=“#name”> </a> — гиперссылка на метку текущей страницы.

5.5. <a name=“name”> </a> — отмечает часть текста, как метку для гиперссылок на странице

5.6. <a href=“NAME#name”> </a> — гиперссылка на метку другой страницы.

6. Графические елементы

6.1. <img src=“name”> — добавляет изображение в HTML документ

6.2. <img src=“name” align=“?”> — выравнивает изображение к одной из сторон документа, принимает значения: left, right, center; bottom, top, middle

6.3. <img src=“name” border=“?”> — устанавливает толщину рамки вокруг изображения

6.4. И т.д.

7. Таблицы

7.1. Код простейшей таблицы <BODY> <TABLE BORDER="1"> <TR><TD>Таблица из одной строки</TD> <TD>из трех столбцов</TD> <TD>без указания ширины таблицы и ячеек.</TD> </TR> </TABLE> </BODY>

8. Фон и текст

8.1. Для того, чтобы задать фон таблицы, строки или даже отдельной ячейки, тэги <TABLE> , <TR> и <TD> имеют параметры

8.1.1. BGCOLOR — задает цвет фона в виде названия или шестнадцатеричного кода (см. раздел про Кодирование Цвета)

8.1.2. BACKGROUND — задает фон-рисунок, можно указать имя файла, путь к нему или URL.

8.2. Для того, чтобы изменить цвет текста в ячейке, используют тэг <FONT>

9. Кодирование цвета в документе HTML

9.1. Цвет в языке HTML задается двумя способами:

9.1.1. в виде шестнадцатеричного кода

9.1.1.1. #FFFFFF — белый

9.1.2. по имени

9.1.2.1. white-белый