Содержание

Слайд 2

Тег Тег – указатель разметки

Тег

Тег – указатель разметки
<имя_тега атрибут1=значение атрибут 2=значение …>

CELLSPACING=2 BORDER=6>
Слайд 3

Контейнер Контейнер – это элемент разметки HTML содержание контейнера web-страница абзац таблица

Контейнер

Контейнер – это элемент разметки HTML
<имя_тега список атрибутов>
содержание контейнера

web-страница

абзац


таблица

Слайд 4

Есть не закрывающиеся теги:

Есть не закрывающиеся теги:



Слайд 5

Правила организации разметки 1 2 3 4

Правила организации разметки









1 2
3 4


Слайд 6

Специальные символы CER (Character Entity Reference)

Специальные символы CER (Character Entity Reference)

Слайд 7

Группы тегов: определяющие структуру документа; оформление блоков гипертекста (параграфы, списки, таблицы,

Группы тегов:

определяющие структуру документа;
оформление блоков гипертекста (параграфы, списки, таблицы, картинки);


гипертекстовые ссылки и закладки;
формы для организации диалога;
вызов программ.
Слайд 8

Структура html-документа Простейший документ Пример простого документа

Структура html-документа



Простейший документ

Пример простого документа






Слайд 9

КАСКАДНЫЕ ТАБЛИЦЫ СТИЛЕЙ

КАСКАДНЫЕ ТАБЛИЦЫ СТИЛЕЙ

Слайд 10

CSS Cascading Style Sheets (Таблицы Каскадных Стилей) – это язык, содержащий

CSS

Cascading Style Sheets (Таблицы Каскадных Стилей) – это язык, содержащий набор

свойств для описания внешнего вида любых HTML документов.
Слайд 11

Стилевые правила

Стилевые правила

Слайд 12

Внутренние таблицы стилей a { text-decoration: none; } a:hover { text-decoration: underline; } -->

Внутренние таблицы стилей


Слайд 13

Внешние таблицы стилей body { color: #545C66; background: #FFFFFF; } h1

Внешние таблицы стилей

body {
color: #545C66;
background: #FFFFFF;
}
h1 {
font-size: 1.5em;
font-weight: normal;
}
a:hover {
text-decoration: underline;
}

Слайд 14

Классы и идентификаторы .имя_класса {стилевые правила} #имя_идентификатора {стилевые правила}

Классы и идентификаторы

.имя_класса {стилевые правила}
#имя_идентификатора {стилевые правила}

Слайд 15

.small { color: #8E9CAE; } a.buttonl:hover { text-decoration:none; color:#aaa; background-color:#99ccff; }

.small {
color: #8E9CAE;
}
a.buttonl:hover {
text-decoration:none;
color:#aaa;
background-color:#99ccff;
}
#body {border: 1px;
width:776px;
}


текст


текст

id=“body”>
Слайд 16

Ссылки на документы contact.html image/contact.png ../image/contact.png

Ссылки на документы

contact.html
image/contact.png
../image/contact.png