SlideShare uma empresa Scribd logo
1 de 20
HTML ( HyperText Markup Language — «язык гипертекстовой разметки») —
стандартный язык разметки документов во Всемирной паутине. Большинство
веб-страниц содержат описание разметки на языке HTML (или XHTML). Язык
HTML интерпретируется браузерами; полученный в результате интерпретации
форматированный текст отображается на экране монитора компьютера или
мобильного устройства.
Язык HTML является приложением SGML (стандартного обобщённого языка
разметки) и соответствует международному стандарту ISO 8879.
Язык XHTML является более строгим вариантом HTML, он следует всем
ограничениям XML и, фактически, XHTML можно воспринимать как
приложение языка XML к области разметки гипертекста.
Во всемирной паутине HTML-страницы, как правило, передаются браузерам от
сервера по протоколам HTTP или HTTPS, в виде простого текста или с
использованием шифрования.
Основные теги языка:
<html></html>
Указывает программе просмотра страниц, что это HTML документ.
<head></head>
Определяет место, где помещается различная информация не отображаемая
в теле документа. Здесь располагается тег названия документа и теги для
поисковых машин.
<body></body>
Определяет видимую часть документа
<html> <head> <title>Название страницы</title> </head> <body>
<h1>Заголовок статьи</h1> <p> Абзац статьи.</p> </body> </html>
Теги оглавления:
<title></title>
Помещает название документа в оглавление программы просмотра
страниц
<html> <head> <title>Название страницы</title> </head> <body>
<h1>Заголовок статьи</h1> <p> Абзац статьи.</p> </body> </html>
<body bgcolor=?>
Устанавливает цвет фона документа, используя значение цвета в стандарте RGB -
пример: FFFF00 - желтый цвет.
<body text=?>
Устанавливает цвет текста документа, используя значение цвета в стандарте
RGB - пример: 00ff00 - зеленый цвет.<body link=?>Устанавливает цвет гиперссылок,
используя значение цвета в стандарте RGB - пример: 00FF00 - зеленый цвет.
<body vlink=?>
Устанавливает цвет гиперссылок, на которыхх вы уже побывали, используя
значение цвета в виде стандарте RGB - пример: 333333 - темно-серый цвет.
<body alink=?>
Устанавливает цвет гиперссылок при нажатии.
<pre></pre> Обрамляет предварительно отформатированный текст. (как
есть!)
<h1></h1> Создает САМЫЙ БОЛЬШОЙ заголовок (как отдельный абзац)
<h6></h6> Создает САМЫЙ МАЛЕНЬКИЙ заголовок
<b></b> Создает жирный текст
<i></i> Создает наклонный текст
<tt></tt> Создает текст - имитирующий стиль печатной машинки.
<cite></cite> Используется для цитат, обычно наклонный текст.
<em></em> Используется для выделения из текста слова (наклонный или
жирный текст)
<font size=?></font> Устанавливает размер текста в пределах от 1 до 7.
<font color=?></font> Устанавливает цвет текста, используя значение
цвета в виде RRGGBB.
<TITLE>Задание шрифта текста</TITLE><BODY><FONT face = "arial">
<FONT size = 1>
Самый маленький текст шрифта Arial<BR>
</FONT><FONT size = 3>
Обычный текст шрифта Arial<BR>
</FONT><FONT size = 7>
Самый большой текст шрифта Arial<BR>
</FONT></FONT><FONT face = "times new roman"><FONT size = 1>
Самый маленький текст шрифта Times New Roman<BR>
</FONT><FONT size = 3>
Обычный текст шрифта Times New Roman<BR>
</FONT><FONT size = 7>
Самый большой текст шрифта Times New Roman<BR>
</FONT>
</FONT>
</BODY>
<p>
Создает новый параграф
<blockquote></blockquote>
Создает отступы с обеих сторон текста.
<ol></ol>
Создает нумерованный список
<li>
Определяет каждый элемент списка и присваивает номер
<ul></ul>
Создает ненумерованный список
<li>
Предваряет каждый элемент списка и добавляет кружок или
квадратик.
ГИПЕРССЫЛКИ
<a href="URL">ТЕКСТ</a>Создает гиперссылку на другие документы или
часть текущего документа. Здесь URL адрес ссылки, ТЕКСТ - текст ссылки.
<a href="URL"> < img src="imgURL" > </a>Создает гиперссылку на рисунок,
находящийся по адресу imgURL.
"URL" = "links/main.htm"Адрес документа main.htm, находящегося в
локальной папке links данного компьютера.
"URL" = "http://www.rambler.ru"Ссылка на ресурс, находящийся на
удаленном компьютере. В адресе присутствуют: программа связи с
удаленным компьютером http (HyperText TransferProtocol, разделители :// и
интернет (IP) адрес искомого ресурса (в данном случае поискового
сервера Rambler).
<a href="mailto:EMAIL"></a>Создает гиперссылку вызова почтовой
программы для написания письма по указанному адресу.
<a name="NAME"></a>Отмечает часть текста как место перехода по
гипперссылке в документе.
<a href="#NAME"></a>Создает гиперссылку на помечанную часть текущего
документа.
Код в документе HTML
&#32;
&#33;
&#34;
&#35;
&#36;
&#37;
&#38;
&#60;
&#61;
&#62;
&#169;
&#171;
&#177;
&#185;
&#187;
&#197;
&nbsp;
&lt;
&gt;
&quot;
Выводится браузером на экран
пробел
!
"
#
$
%
&
<
=
>
©
«
±
¹
»
Å
Неразрывный пробел
<
>
"
Использование кодов символов и специальных знаков в документе
HTML
<img src="name">
Добавляет изображение в HTML документ
<img src="name" align=?>
Выравнивает изображение к одной из сторон документа, принимает
значения: left, right, center; bottom, top, middle
<img src="name" border=?>
Устанавливает толщину рамки вокруг изображения
<hr>
Добавляет в HTML документ горизонтальную линию.
<hr size=?>
Устанавливает высоту(толщину) линии
<hr width=?>
Устанавливает ширину линии, можно указать ширину в пикселях или
процентах.
<hr noshade>
Создает линию без тени.
<hr color=?>
Задает линии определенный цвет. Значение RRGGBB.
<p><img src="/images/image.jpg"></p>
<table></table>
Создает таблицу.
Тег имеет следующие атрибуты:
border — ширина рамки;
width —ширина таблицы;
align – положение таблицы относительно боковых границ окна;
bgcolor — цвет фона под таблицей.
<tr></tr>
Определяет строку в таблице.
У этого тега есть следующие атрибуты:
аlign — выравнивание внутри строки:(LEFT, RIGHT, CENTER);
valign — вертикальное выравнивание(ТОР, BOTTOM, MIDDLE);
bgcolor — цвет фона внутри строки.
<td></td>
Определяет отдельную ячейку в таблице.
<th></th>
Определяет заголовок таблицы (нормальная ячейка с
отцентрованным жирным текстом)
<table border=#> Задает толщину рамки таблицы. (здесь 5)
<table cellspacing=#> Задает расстояние между ячейками таблицы.
<table cellpadding=#> Задает расстояние между содержимым ячейки
и ее рамкой.
<table width=#> Устанавливает ширину таблицы в пикселах или
процентах от ширины документа.
<tr align=?> или <td align=?>
Устанавливает выравнивание ячеек в таблице, принимает значения:
left, center, или right. (здесь right)
<tr valign=?> или <td valign=?>
Устанавливает вертикальное выравнивание для ячеек таблицы,
принимает значения : top, middle, или bottom.
<td colspan=#> Указывает кол-во столбцев которое объединено в
одной ячейке. (по умолчанию=1)
<td rowspan=#> Указывает кол-во строк которое объединено в одной
ячейке. (по умолчанию=1)
<td nowrap> Не позволяет программе просмотра делать перевод
строки в ячейке таблицы.
Пример создания таблицы:
→
Для форм, выполняющих какие-то функции должны быть запущены
соответствующие CGI скрипты на сервере. HTML создает только внешний
интерфейс формы.
<form></form>
Создает формы
<textarea name="NAME" cols=40 rows=8></textarea>
Создает окно для ввода текста. Columns указывает ширину
окна; rows указывает его высоту
<input type=text name="foo" size=20>
Создает строку для ввода текста. Параметром Size указывается
длина в символах.
<input type="submit" value="NAME">
Создает кнопку "Принять“
<input type="image" border=0 name="NAME" src="name.gif">
Создает кнопку "Принять" - для этого используется
изображение
<input type="reset">
Создает кнопку "Отмена"
<form name="forma1">
Введите пароль:<br>
<input type="password" name="text1" size="20"
maxlength="50">
</form>
Язык Html
Язык Html

Mais conteúdo relacionado

Mais procurados

Верстка_Лекция2
Верстка_Лекция2Верстка_Лекция2
Верстка_Лекция2itc73
 
Web осень 2012 лекция 8
Web осень 2012 лекция 8Web осень 2012 лекция 8
Web осень 2012 лекция 8Technopark
 
Web весна 2013 лекция 8
Web весна 2013 лекция 8Web весна 2013 лекция 8
Web весна 2013 лекция 8Technopark
 
Present forms&css
Present forms&cssPresent forms&css
Present forms&cssitc73
 
Верстка_Лекция_3
Верстка_Лекция_3Верстка_Лекция_3
Верстка_Лекция_3itc73
 
Как создать сайт
Как создать сайтКак создать сайт
Как создать сайтUnited Design
 
Android Best Practices
Android Best PracticesAndroid Best Practices
Android Best PracticesMad Devs
 
Презентация на тему "WEB-программирование"
Презентация на тему "WEB-программирование"Презентация на тему "WEB-программирование"
Презентация на тему "WEB-программирование"Gotti Vartanyan
 
Css part1
Css part1Css part1
Css part1ISsoft
 
Css part2
Css part2Css part2
Css part2ISsoft
 
Noveo web intership html5, css, interface
Noveo web intership   html5, css, interfaceNoveo web intership   html5, css, interface
Noveo web intership html5, css, interfaceNoveo
 
Основы работы с таблицами стилей CSS
Основы работы с таблицами стилей CSSОсновы работы с таблицами стилей CSS
Основы работы с таблицами стилей CSSDenis Latushkin
 
Верстка_Лекция_1
Верстка_Лекция_1Верстка_Лекция_1
Верстка_Лекция_1itc73
 

Mais procurados (19)

Vvedenie html 4
Vvedenie html 4Vvedenie html 4
Vvedenie html 4
 
Vvedenie html 2
Vvedenie html 2Vvedenie html 2
Vvedenie html 2
 
Верстка_Лекция2
Верстка_Лекция2Верстка_Лекция2
Верстка_Лекция2
 
Web осень 2012 лекция 8
Web осень 2012 лекция 8Web осень 2012 лекция 8
Web осень 2012 лекция 8
 
Web весна 2013 лекция 8
Web весна 2013 лекция 8Web весна 2013 лекция 8
Web весна 2013 лекция 8
 
Present forms&css
Present forms&cssPresent forms&css
Present forms&css
 
Верстка_Лекция_3
Верстка_Лекция_3Верстка_Лекция_3
Верстка_Лекция_3
 
Css
CssCss
Css
 
Lection1
Lection1Lection1
Lection1
 
Как создать сайт
Как создать сайтКак создать сайт
Как создать сайт
 
Android Best Practices
Android Best PracticesAndroid Best Practices
Android Best Practices
 
Презентация на тему "WEB-программирование"
Презентация на тему "WEB-программирование"Презентация на тему "WEB-программирование"
Презентация на тему "WEB-программирование"
 
Css part1
Css part1Css part1
Css part1
 
Css part2
Css part2Css part2
Css part2
 
Noveo web intership html5, css, interface
Noveo web intership   html5, css, interfaceNoveo web intership   html5, css, interface
Noveo web intership html5, css, interface
 
Основы работы с таблицами стилей CSS
Основы работы с таблицами стилей CSSОсновы работы с таблицами стилей CSS
Основы работы с таблицами стилей CSS
 
Верстка_Лекция_1
Верстка_Лекция_1Верстка_Лекция_1
Верстка_Лекция_1
 
Изучение HTML, CSS, PHP, MySQL
Изучение HTML, CSS, PHP, MySQLИзучение HTML, CSS, PHP, MySQL
Изучение HTML, CSS, PHP, MySQL
 
HTML Tables
HTML TablesHTML Tables
HTML Tables
 

Semelhante a Язык Html

основы нтмл
основы нтмлосновы нтмл
основы нтмлolgaoov
 
Web конструирование на html
Web конструирование на htmlWeb конструирование на html
Web конструирование на htmlANefyodova
 
Верстка_Лекция_1
Верстка_Лекция_1Верстка_Лекция_1
Верстка_Лекция_1itc73
 
Верстка_Лекция1
Верстка_Лекция1Верстка_Лекция1
Верстка_Лекция1itc73
 
Тема 1. Введение в HTML
Тема 1. Введение в HTMLТема 1. Введение в HTML
Тема 1. Введение в HTMLssuser3896e2
 
Web страницы и web-сайты.структура web-страницы
Web страницы и web-сайты.структура web-страницыWeb страницы и web-сайты.структура web-страницы
Web страницы и web-сайты.структура web-страницыMarina_stn
 
основы языка Html
основы языка Htmlосновы языка Html
основы языка Htmlmmlllll
 
Язык Html
Язык HtmlЯзык Html
Язык HtmlTitenko1
 
Лекция #3. Введение в языки разметки web-страниц
Лекция #3. Введение в языки разметки web-страницЛекция #3. Введение в языки разметки web-страниц
Лекция #3. Введение в языки разметки web-страницЯковенко Кирилл
 
Html 1 Урок
Html 1 УрокHtml 1 Урок
Html 1 УрокNexa50
 
сысоев андрей
сысоев андрейсысоев андрей
сысоев андрейVlado Sudin
 
сысоев андрей
сысоев андрейсысоев андрей
сысоев андрейVlado Sudin
 

Semelhante a Язык Html (20)

основы нтмл
основы нтмлосновы нтмл
основы нтмл
 
Html 1
Html  1Html  1
Html 1
 
Web конструирование на html
Web конструирование на htmlWeb конструирование на html
Web конструирование на html
 
Верстка_Лекция_1
Верстка_Лекция_1Верстка_Лекция_1
Верстка_Лекция_1
 
Верстка_Лекция1
Верстка_Лекция1Верстка_Лекция1
Верстка_Лекция1
 
лекц14
лекц14лекц14
лекц14
 
Html
HtmlHtml
Html
 
Тема 1. Введение в HTML
Тема 1. Введение в HTMLТема 1. Введение в HTML
Тема 1. Введение в HTML
 
Web страницы и web-сайты.структура web-страницы
Web страницы и web-сайты.структура web-страницыWeb страницы и web-сайты.структура web-страницы
Web страницы и web-сайты.структура web-страницы
 
Html
HtmlHtml
Html
 
dfvbfgbghbhg
dfvbfgbghbhgdfvbfgbghbhg
dfvbfgbghbhg
 
основы языка Html
основы языка Htmlосновы языка Html
основы языка Html
 
Язык Html
Язык HtmlЯзык Html
Язык Html
 
Лекция #3. Введение в языки разметки web-страниц
Лекция #3. Введение в языки разметки web-страницЛекция #3. Введение в языки разметки web-страниц
Лекция #3. Введение в языки разметки web-страниц
 
Html 0
Html 0Html 0
Html 0
 
Html 1 Урок
Html 1 УрокHtml 1 Урок
Html 1 Урок
 
сысоев андрей
сысоев андрейсысоев андрей
сысоев андрей
 
сысоев андрей
сысоев андрейсысоев андрей
сысоев андрей
 
основы Html
основы Htmlосновы Html
основы Html
 
IT Center
IT CenterIT Center
IT Center
 

Mais de Nick535

Структура операционных систем
Структура операционных системСтруктура операционных систем
Структура операционных системNick535
 
Cистемное программное обеспечение
Cистемное программное обеспечениеCистемное программное обеспечение
Cистемное программное обеспечениеNick535
 
Оптические диски
Оптические дискиОптические диски
Оптические дискиNick535
 
Внутренняя память компьютера
Внутренняя память компьютераВнутренняя память компьютера
Внутренняя память компьютераNick535
 
Устройства вывода
Устройства выводаУстройства вывода
Устройства выводаNick535
 
Устройства ввода
Устройства вводаУстройства ввода
Устройства вводаNick535
 
Основные устройства персонального компьютера
Основные устройства персонального компьютераОсновные устройства персонального компьютера
Основные устройства персонального компьютераNick535
 
Битва за Берлин
Битва за БерлинБитва за Берлин
Битва за БерлинNick535
 
Битва под Москвой.
Битва под Москвой.Битва под Москвой.
Битва под Москвой.Nick535
 
Курская битва
Курская битваКурская битва
Курская битваNick535
 
Блокада Ленинграда
Блокада ЛенинградаБлокада Ленинграда
Блокада ЛенинградаNick535
 
Вторая мировая война
Вторая мировая войнаВторая мировая война
Вторая мировая войнаNick535
 
советско финская война
советско финская войнасоветско финская война
советско финская войнаNick535
 
Pervaya mirovaya voyna
Pervaya mirovaya voynaPervaya mirovaya voyna
Pervaya mirovaya voynaNick535
 
Личная гигиена
Личная гигиена Личная гигиена
Личная гигиена Nick535
 
Эволюция экономической жизни
Эволюция экономической жизниЭволюция экономической жизни
Эволюция экономической жизниNick535
 
Методы построения и анализа алгоритмов
Методы построения и анализа алгоритмовМетоды построения и анализа алгоритмов
Методы построения и анализа алгоритмовNick535
 
Статистика
СтатистикаСтатистика
СтатистикаNick535
 
ОС в реальном времени
ОС в реальном времениОС в реальном времени
ОС в реальном времениNick535
 
Правоохранительные органы Молдовы
Правоохранительные органы МолдовыПравоохранительные органы Молдовы
Правоохранительные органы МолдовыNick535
 

Mais de Nick535 (20)

Структура операционных систем
Структура операционных системСтруктура операционных систем
Структура операционных систем
 
Cистемное программное обеспечение
Cистемное программное обеспечениеCистемное программное обеспечение
Cистемное программное обеспечение
 
Оптические диски
Оптические дискиОптические диски
Оптические диски
 
Внутренняя память компьютера
Внутренняя память компьютераВнутренняя память компьютера
Внутренняя память компьютера
 
Устройства вывода
Устройства выводаУстройства вывода
Устройства вывода
 
Устройства ввода
Устройства вводаУстройства ввода
Устройства ввода
 
Основные устройства персонального компьютера
Основные устройства персонального компьютераОсновные устройства персонального компьютера
Основные устройства персонального компьютера
 
Битва за Берлин
Битва за БерлинБитва за Берлин
Битва за Берлин
 
Битва под Москвой.
Битва под Москвой.Битва под Москвой.
Битва под Москвой.
 
Курская битва
Курская битваКурская битва
Курская битва
 
Блокада Ленинграда
Блокада ЛенинградаБлокада Ленинграда
Блокада Ленинграда
 
Вторая мировая война
Вторая мировая войнаВторая мировая война
Вторая мировая война
 
советско финская война
советско финская войнасоветско финская война
советско финская война
 
Pervaya mirovaya voyna
Pervaya mirovaya voynaPervaya mirovaya voyna
Pervaya mirovaya voyna
 
Личная гигиена
Личная гигиена Личная гигиена
Личная гигиена
 
Эволюция экономической жизни
Эволюция экономической жизниЭволюция экономической жизни
Эволюция экономической жизни
 
Методы построения и анализа алгоритмов
Методы построения и анализа алгоритмовМетоды построения и анализа алгоритмов
Методы построения и анализа алгоритмов
 
Статистика
СтатистикаСтатистика
Статистика
 
ОС в реальном времени
ОС в реальном времениОС в реальном времени
ОС в реальном времени
 
Правоохранительные органы Молдовы
Правоохранительные органы МолдовыПравоохранительные органы Молдовы
Правоохранительные органы Молдовы
 

Язык Html

  • 1.
  • 2. HTML ( HyperText Markup Language — «язык гипертекстовой разметки») — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц содержат описание разметки на языке HTML (или XHTML). Язык HTML интерпретируется браузерами; полученный в результате интерпретации форматированный текст отображается на экране монитора компьютера или мобильного устройства. Язык HTML является приложением SGML (стандартного обобщённого языка разметки) и соответствует международному стандарту ISO 8879. Язык XHTML является более строгим вариантом HTML, он следует всем ограничениям XML и, фактически, XHTML можно воспринимать как приложение языка XML к области разметки гипертекста. Во всемирной паутине HTML-страницы, как правило, передаются браузерам от сервера по протоколам HTTP или HTTPS, в виде простого текста или с использованием шифрования.
  • 3. Основные теги языка: <html></html> Указывает программе просмотра страниц, что это HTML документ. <head></head> Определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин. <body></body> Определяет видимую часть документа <html> <head> <title>Название страницы</title> </head> <body> <h1>Заголовок статьи</h1> <p> Абзац статьи.</p> </body> </html>
  • 4. Теги оглавления: <title></title> Помещает название документа в оглавление программы просмотра страниц <html> <head> <title>Название страницы</title> </head> <body> <h1>Заголовок статьи</h1> <p> Абзац статьи.</p> </body> </html>
  • 5. <body bgcolor=?> Устанавливает цвет фона документа, используя значение цвета в стандарте RGB - пример: FFFF00 - желтый цвет. <body text=?> Устанавливает цвет текста документа, используя значение цвета в стандарте RGB - пример: 00ff00 - зеленый цвет.<body link=?>Устанавливает цвет гиперссылок, используя значение цвета в стандарте RGB - пример: 00FF00 - зеленый цвет. <body vlink=?> Устанавливает цвет гиперссылок, на которыхх вы уже побывали, используя значение цвета в виде стандарте RGB - пример: 333333 - темно-серый цвет. <body alink=?> Устанавливает цвет гиперссылок при нажатии.
  • 6. <pre></pre> Обрамляет предварительно отформатированный текст. (как есть!) <h1></h1> Создает САМЫЙ БОЛЬШОЙ заголовок (как отдельный абзац) <h6></h6> Создает САМЫЙ МАЛЕНЬКИЙ заголовок <b></b> Создает жирный текст <i></i> Создает наклонный текст <tt></tt> Создает текст - имитирующий стиль печатной машинки. <cite></cite> Используется для цитат, обычно наклонный текст. <em></em> Используется для выделения из текста слова (наклонный или жирный текст) <font size=?></font> Устанавливает размер текста в пределах от 1 до 7. <font color=?></font> Устанавливает цвет текста, используя значение цвета в виде RRGGBB.
  • 7. <TITLE>Задание шрифта текста</TITLE><BODY><FONT face = "arial"> <FONT size = 1> Самый маленький текст шрифта Arial<BR> </FONT><FONT size = 3> Обычный текст шрифта Arial<BR> </FONT><FONT size = 7> Самый большой текст шрифта Arial<BR> </FONT></FONT><FONT face = "times new roman"><FONT size = 1> Самый маленький текст шрифта Times New Roman<BR> </FONT><FONT size = 3> Обычный текст шрифта Times New Roman<BR> </FONT><FONT size = 7> Самый большой текст шрифта Times New Roman<BR> </FONT> </FONT> </BODY>
  • 8. <p> Создает новый параграф <blockquote></blockquote> Создает отступы с обеих сторон текста. <ol></ol> Создает нумерованный список <li> Определяет каждый элемент списка и присваивает номер <ul></ul> Создает ненумерованный список <li> Предваряет каждый элемент списка и добавляет кружок или квадратик.
  • 9. ГИПЕРССЫЛКИ <a href="URL">ТЕКСТ</a>Создает гиперссылку на другие документы или часть текущего документа. Здесь URL адрес ссылки, ТЕКСТ - текст ссылки. <a href="URL"> < img src="imgURL" > </a>Создает гиперссылку на рисунок, находящийся по адресу imgURL. "URL" = "links/main.htm"Адрес документа main.htm, находящегося в локальной папке links данного компьютера. "URL" = "http://www.rambler.ru"Ссылка на ресурс, находящийся на удаленном компьютере. В адресе присутствуют: программа связи с удаленным компьютером http (HyperText TransferProtocol, разделители :// и интернет (IP) адрес искомого ресурса (в данном случае поискового сервера Rambler). <a href="mailto:EMAIL"></a>Создает гиперссылку вызова почтовой программы для написания письма по указанному адресу. <a name="NAME"></a>Отмечает часть текста как место перехода по гипперссылке в документе. <a href="#NAME"></a>Создает гиперссылку на помечанную часть текущего документа.
  • 10.
  • 11. Код в документе HTML &#32; &#33; &#34; &#35; &#36; &#37; &#38; &#60; &#61; &#62; &#169; &#171; &#177; &#185; &#187; &#197; &nbsp; &lt; &gt; &quot; Выводится браузером на экран пробел ! " # $ % & < = > © « ± ¹ » Å Неразрывный пробел < > " Использование кодов символов и специальных знаков в документе HTML
  • 12. <img src="name"> Добавляет изображение в HTML документ <img src="name" align=?> Выравнивает изображение к одной из сторон документа, принимает значения: left, right, center; bottom, top, middle <img src="name" border=?> Устанавливает толщину рамки вокруг изображения <hr> Добавляет в HTML документ горизонтальную линию. <hr size=?> Устанавливает высоту(толщину) линии <hr width=?> Устанавливает ширину линии, можно указать ширину в пикселях или процентах. <hr noshade> Создает линию без тени. <hr color=?> Задает линии определенный цвет. Значение RRGGBB.
  • 14. <table></table> Создает таблицу. Тег имеет следующие атрибуты: border — ширина рамки; width —ширина таблицы; align – положение таблицы относительно боковых границ окна; bgcolor — цвет фона под таблицей. <tr></tr> Определяет строку в таблице. У этого тега есть следующие атрибуты: аlign — выравнивание внутри строки:(LEFT, RIGHT, CENTER); valign — вертикальное выравнивание(ТОР, BOTTOM, MIDDLE); bgcolor — цвет фона внутри строки. <td></td> Определяет отдельную ячейку в таблице. <th></th> Определяет заголовок таблицы (нормальная ячейка с отцентрованным жирным текстом)
  • 15. <table border=#> Задает толщину рамки таблицы. (здесь 5) <table cellspacing=#> Задает расстояние между ячейками таблицы. <table cellpadding=#> Задает расстояние между содержимым ячейки и ее рамкой. <table width=#> Устанавливает ширину таблицы в пикселах или процентах от ширины документа. <tr align=?> или <td align=?> Устанавливает выравнивание ячеек в таблице, принимает значения: left, center, или right. (здесь right) <tr valign=?> или <td valign=?> Устанавливает вертикальное выравнивание для ячеек таблицы, принимает значения : top, middle, или bottom. <td colspan=#> Указывает кол-во столбцев которое объединено в одной ячейке. (по умолчанию=1) <td rowspan=#> Указывает кол-во строк которое объединено в одной ячейке. (по умолчанию=1) <td nowrap> Не позволяет программе просмотра делать перевод строки в ячейке таблицы.
  • 17. Для форм, выполняющих какие-то функции должны быть запущены соответствующие CGI скрипты на сервере. HTML создает только внешний интерфейс формы. <form></form> Создает формы <textarea name="NAME" cols=40 rows=8></textarea> Создает окно для ввода текста. Columns указывает ширину окна; rows указывает его высоту <input type=text name="foo" size=20> Создает строку для ввода текста. Параметром Size указывается длина в символах. <input type="submit" value="NAME"> Создает кнопку "Принять“ <input type="image" border=0 name="NAME" src="name.gif"> Создает кнопку "Принять" - для этого используется изображение <input type="reset"> Создает кнопку "Отмена"
  • 18. <form name="forma1"> Введите пароль:<br> <input type="password" name="text1" size="20" maxlength="50"> </form>