HTML Язык гипертекстовой разметки для написания кода страниц

Мой сайт" src="https://present5.com/presentation/0e76b6c35f6cb95b7fab26e0573ff8ec/image-2.jpg" alt=" «Каркас» страницы < html > Мой сайт" />

Мой сайт" src="https://present5.com/presentation/0e76b6c35f6cb95b7fab26e0573ff8ec/image-3.jpg" alt="Текст в HTML < html > Мой сайт" />

Теги <p>, <strong>, <em>, <p><strong>Полужирный текст в HTML</strong></p> <p><em>Наклонный текст в HTML</em></p> <p><font color=

Теги заголовков <h 1>Заголовок 1 уровня</h 1> <h 2>Заголовок 2 уровня </h 2> Посмотреть

Ненумерованные списки <ul> <li>Элемент списка 1</li> <li>Элемент списка 2 </li> </ul> Посмотреть в браузере

Нумерованные списки <ol> <li>Элемент списка 1</li> <li>Элемент списка 2 </li> </ol> Посмотреть в браузере

Вложение ненумерованных списков <ul> <li>Элемент списка 1. 1</li> <li>Элемент списка 1. 2</li> </ul> </li>

Вложение нумерованных списков <ol> <li>Элемент списка 1. 1</li> <li>Элемент списка 1. 2</li> </ol> </li>

Сложные списки <ol> <li>Элемент списка 1 <ul> <li>Элемент списка 1. 1</li> <li>Элемент списка 1.

Посмотреть в браузере 11" src="https://present5.com/presentation/0e76b6c35f6cb95b7fab26e0573ff8ec/image-11.jpg" alt="Вставка картинок

картинка

Посмотреть в браузере 11" />

1 2 Посмотреть в браузере 12 " src="https://present5.com/presentation/0e76b6c35f6cb95b7fab26e0573ff8ec/image-12.jpg" alt="Таблицы

1

2

Посмотреть в браузере 12 " />

1

" src="https://present5.com/presentation/0e76b6c35f6cb95b7fab26e0573ff8ec/image-14.jpg" alt="Таблицы (продолжение 2) " />

Таблицы в HTML-документах - <TR. . . > … </TR> n <TR . .

Таблицы в HTML-документах - <TD. . . > … </TD> - определитель ячейки таблицы,

Таблицы - Пример <TABLE BORDER=3 WIDTH=40% CELLPADDING=5 ALIGN=CENTER> <CAPTION><B>Requirements for Netscape Gold</B></CAPTION> <TR> <!--

Формы - Интерактивный элемент World Wide Web 19

Пример HTML-текста формы <html> <head> <title> Добавить запись в гостевую книгу </title> </head> <body>

Формы <FORM METHOD=”type” ACTION=”URL” ENCTYPE=”MIME type”> <INPUT> <SELECT>…. </SELECT> <OPTION>…. (</OPTION>) <TEXTAREA>…. </TEXTAREA> </FORM>

<INPUT> - Определитель полей ввода в формах <INPUT TYPE=”type” NAME=”var-name” VALUE=”default_string” SIZE=”n” MAXLENGTH=”nmax” ALIGN=”position”

TYPE - Атрибут типа полей ввода в формах TYPE= ”text” - ввод строки текста

<SELECT> - Элементы меню в формах <SELECT NAME=”var-name” MULTIPLE SIZE=”n” > <OPTION VALUE=”value” SELECTED>

<TEXTAREA> - Ввод нескольких строк текста <TEXTAREA NAME=”var-name” ROWS=”n” COLS=”m” > Default text to

Comments: Comments:

Элементы <CHECKBOX> -Флагипереключатели <INPUT TYPE=”checkbox” NAME=”var#-name” CHECKED > Text_Item_# …. <INPUT TYPE=”checkbox” NAME=”var#-name” >

Элементы <RADIO> -Переключатели”радиокнопки” <INPUT TYPE=”radio” NAME=”var-name” CHECKED> Text_Item_# … <INPUT TYPE=”radio” NAME=”var-name”> Text_Item_# Example

Активные графические образы <A HREF=“http: //host/cgi-bin/imagemap/table_or_base”> <IMG SRC=“directory/image. gif” ISMAP> </A> Атрибуты HREF=“http: //host/cgi-bin/imagemap/table_or_base

Формат таблицы IMAGE. MAP METHOD URL Coordinates pairs # Image map for image. gif

. ." src="https://present5.com/presentation/0e76b6c35f6cb95b7fab26e0573ff8ec/image-33.jpg" alt="Активные графические образы клиентского типа USEMAP

. ." />

Использование фреймов в HTMLдокументах <FRAMESET ROWS=“m, n, p” COLS=“a, b, c”> <FRAME NAME=“framename#” SRC=“URL”

Задание параметров фреймов <FRAMESET> <FRAMESET ROWS=“m, n, p” COLS=“a, b, c”> Атрибуты: ROWS=“m, n,

Атрибуты фреймов - <FRAME> <FRAME NAME=“framename#” SRC=“URL” MRGINWIDTH=“k” MRAGINHEIGHT=“l” SCROLLING=“method” NORESIZE> Атрибуты: NAME=“framename#” -

Пример -документа с фреймами <HTML><HEAD> <TITLE>It's a frame, I tell ya'!</TITLE></HEAD> <!-- 3 columns:

Ссылка на внешний" src="https://present5.com/presentation/0e76b6c35f6cb95b7fab26e0573ff8ec/image-38.jpg" alt="Ссылки Посмотреть в браузере

Ссылка на внешний" />

Посмотреть в браузере" src="https://present5.com/presentation/0e76b6c35f6cb95b7fab26e0573ff8ec/image-39.jpg" alt="Фон страницы Посмотреть в браузере Посмотреть в браузере" />

Элемент разметки SCRIPT служит для размещения кода Java. Script, VBScript или JScript. Вообще говоря,

Задание n. В «Блокноте» написать HTML-код простой странички с использованием материалов лекции. n Просмотреть

Скачать презентацию HTML Язык гипертекстовой разметки для написания кода страниц

0e76b6c35f6cb95b7fab26e0573ff8ec.ppt

Количество слайдов: 42

HTML Язык гипертекстовой разметки для написания кода страниц сайта 1

«Каркас» страницы < html > <head> <meta http-equiv= Мой сайт" src="https://present5.com/presentation/0e76b6c35f6cb95b7fab26e0573ff8ec/image-2.jpg" alt=" «Каркас» страницы < html > Мой сайт" /> «Каркас» страницы < html > Мой сайт Посмотреть в браузере 2

Текст в HTML < html > <head> <meta http-equiv= Мой сайт" src="https://present5.com/presentation/0e76b6c35f6cb95b7fab26e0573ff8ec/image-3.jpg" alt="Текст в HTML < html > Мой сайт" /> Текст в HTML < html > Мой сайт

Текст в HTML

Посмотреть в браузере 3

Теги , , , Полужирный текст в HTML Наклонный текст в HTML <font color= Теги

, , ,

Полужирный текст в HTML

Наклонный текст в HTML

Текст1 в HTML
Текст2 в HTML
Посмотреть в браузере 4

Теги заголовков Заголовок 1 уровня Заголовок 2 уровня Посмотреть в браузере 5

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

Элемент списка 1

Элемент списка 2

Посмотреть в браузере 6

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

Элемент списка 1

Элемент списка 2

Посмотреть в браузере 7

Вложение ненумерованных списков

Элемент списка 1. 1

Элемент списка 1. 2

Элемент списка 2
Посмотреть в браузере 8

Вложение нумерованных списков

Элемент списка 1. 1

Элемент списка 1. 2

Элемент списка 2
Посмотреть в браузере 9

Сложные списки

Элемент списка 1

Элемент списка 1. 1

Элемент списка 1. 2

Элемент списка 2
Посмотреть в браузере
10

Посмотреть в браузере 11" src="https://present5.com/presentation/0e76b6c35f6cb95b7fab26e0573ff8ec/image-11.jpg" alt="Вставка картинок

Посмотреть в браузере 11" /> Вставка картинок

Посмотреть в браузере 11

1
1	2

Посмотреть в браузере 12 " src="https://present5.com/presentation/0e76b6c35f6cb95b7fab26e0573ff8ec/image-12.jpg" alt="Таблицы

1 2

Посмотреть в браузере 12 " /> Таблицы

1 2

Посмотреть в браузере 12

Platform, OS	PC Requirements
Windows	486, HDD 5 MB, 8 MB
Macintosh	68020, HDD 5 MB, 8 MB
Unix	N/A, HDD 6 MB, 16 MB