Программное окно редактора KompoZer . Объекты ПП (Слайд 7)
С этой программой мы попробуем работать на следующем уроке, а сегодня мы будем писать наш сайт в редакторе Блокнот.
Структура HTML-документа (слайд 8)
Для того, чтобы текстовый файл превратился в HTML-файл, поменять его расширение с ".txt" на ".html" недостаточно.
Каждый HTML-документ, отвечающий спецификации HTML какой-либо версии, обязан начинаться со строки декларации версии HTML !DOCTYPE, которая обычно выглядит так:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
Эта строка показывает браузеру, как правильно интерпретировать данный документ.
В данном случае - HTML соответствует международной спецификации версии 3.2 (это проверенная, но очень старая версия). Как видно из примера, самый короткий html-документ состоит буквально из одной строки.
Пример самого короткого HTML-документа:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
После объявления версии и типа документа необходимо обозначить его начало и конец - с помощью тега-контейнера <HTML>
Документ состоит из двух основных блоков – "заголовка" и "тела документа".
Заголовок < HEAD >…</ HEAD > - определяется с помощью элемента.
Имя (заголовок) документа < TITLE >…</ TITLE > - содержит "техническую" информацию о документе, для обозначения его названия.
Тело документа < BODY >…</ BODY > – в нем находится все то, что отображается на странице: текст, картинки, таблицы.
HEADОпределяет начало и конец заголовка документа (слайд 9)
|
|
|
TITLE Определяет имя всего документа. Имя, как правило, отображается в заголовке окна браузера. Данный элемент обязателен для любого HTML-документа и может быть указан не более одного раза.
BASE (слайд 10) Указывает базовый адрес текущего документа (URL), который станет отправной точкой для расчета относительных адресов внутри документа. Элемент не имеет конечного тега. Обязательно присутствие хотя бы одного из атрибутов.
Атрибуты: HREF - определяет базовый адрес (URL) текущего документа.
STYLE Используется для вставки в документ таблицы стилей CSS (CSS - Cascade Style Sheet)
Атрибуты: TYPE - обязательный атрибут. Определяет MIME-тип вставляемого блока стилей.
TITLE - определяет имя создаваемой таблицы стилей.
В теле документа содержится все то, что мы видим на странице: (слайд 12)
Текст, блоки текста (причем текста форматированного)
Гиперссылки
Разнообразные списки
Таблицы
Всяческие объекты, картинки
Заполняемые формы
Текстовые блоки
Тэги H1,H2, …, H6
Используются для создания заголовков текста. Существует шесть уровней заголовков, различающихся величиной шрифта. С их помощью можно разбивать текст на смысловые уровни - разделы и подразделы.
|
|
|
Атрибуты: ALIGN - определяет способ выравнивания заголовка по горизонтали. Возможные значения: left , right , center.
P (слайд 13)
Используется для разметки параграфов.
Атрибуты: ALIGN - определяет способ горизонтального выравнивания параграфа. Возможные значения: left, center, right. По умолчанию имеет значение left.
BR
Элемент осуществляет перевод строки, аналогичен нажатию Enter в текстовом редакторе. Элемент не имеет конечного тега.
Атрибуты: CLEAR - указывает на необходимость завершения обтекания изображения текстом. Может принимать следующие значения :
all - завершить обтекание изображения текстом.
left - завершить обтекание текстом изображения, выровненного по левому краю.
right - завершить обтекание текстом изображения, выровненного по правому краю.
Для форматирования текста используются следующие теги: (слайд 15)
Форматирование текста
Элементы для оформления и смыслового выделения текста - подчеркивания, изменения шрифта, выделения курсивом, цитирования и т.д.
FONT - Позволяет изменять цвет, размер и тип шрифта текста
I - Выделяет текст курсивом
B - Выделяет текст жирным шрифтом
U - Выделяет текст подчеркнутым
|
|
|
BIG - Отображает текст увеличенным шрифтом (относительно текущего)
SMALL - Отображает текст уменьшенным шрифтом (относительно текущего)
SUP - Отображает текст со сдвигом вверх (верхний индекс)
SUB - Отображает текст со сдвигом вниз (нижний индекс)
CODE , SAMP - Оформляют текст как формулу или программный код
CITE - Оформляет текст как цитату или ссылку на источник
FONT (слайд 16)
Позволяет изменять цвет, размер и тип шрифта текста, находящегося между начальным и конечным тегами < FONT > …</ FONT >
Атрибуты: SIZE - определяет размер шрифта.
COLOR - определяет цвет текста. Задается либо RGB-значением в 16с.с., либо одним из 16 базовых цветов.
FACE - определяет используемый шрифт.
Атрибут FACE использовать аккуратно! Если на компьютере пользователя не окажется указанного шрифта - глюки неизбежны. Если указать шрифт всё же необходимо, используйте только: Times New Roman , Arial , Tahoma , Courier , Courier New , которые установлены почти у всех.
16 базовых цветов :
Дата добавления: 2021-05-18; просмотров: 77; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!