Язык HTML HyperText Markup Language Язык разметки гипертекста.

Презентация:



Advertisements
Похожие презентации
Тэг - создает таблицу. Все прочие элементы таблицы – текст, рисунки, списки - должны быть вложенными в него. Допускается также вложение таблиц одна в.
Advertisements

Тег - создает таблицу. Все прочие элементы таблицы – текст, рисунки, списки - должны быть вложенными в него. Допускается также вложение таблиц одна в.
Теги, создающие таблицу внешний тег таблицы (начинает и заканчивает таблицу) тег, создающий строку тег создающий.
Тема : Использование различных приемов форматирования. Таблицы в HTML.
Создание таблиц. Вложенные таблицы. Лекция 4. Создание таблиц Любая таблица в HTML определяется с помощью тега. Все что расположено между тегами и, считается.
11 класс. №026. Вставка таблиц в HTML-документ.
(HyperText Markup Language) – язык гипертекстовой разметки.
Рогозина Светлана Яковлевна МБОУ СОШ 12 МО город-курорт Анапа Краснодарский край, учитель информатики.
Таблицы таблицы нужны для: Представления информации в табличном виде. Расположения текста в несколько колонок. Таблица, состоящая из одной ячейки, может.
Т а б л и ц ы в. Таблица в HTML организуется как набор столбцов и строк. Таблицы являются стандартом HTML. В первом приближении таблица Web-страницы –
Основы языка HTML (Hyper Text Markup Language – язык разметки гипертекста )
HTML (HyperText Markup Language). Основные понятия Элемент – конструкция языка HTML. Он состоит из 3 частей: открывающий тег, содержимое, закрывающий.
Oсновы HTML - 2 Hyper Text Markup Language. Структура таблицы …
Гиперссылки, таблицы «Создание Web-сайтов» Занятие 3.
Oсновы HTML Hyper Text Markup Language. Идеологи Тим Бернерс-Ли британский учёный (1989) Тед Нельсон - американский социолог, изобретатель гипертекста.
HTML (HyperText Markup Language) - Язык Разметки Гипертекста.
© Пивоваров Я.А., 2005 г. Появление HTML пришлось на начало 90-х годов благодаря двум протоколам, которые являются базовыми для Internet – TCP (Transmission.
1 Web-конструирование Шестаков Александр Петрович
HTML (HyperText Markup Language). Основные понятия Элемент – конструкция языка HTML. Он состоит из 3 частей: открывающий тег, содержимое, закрывающий.
Таблицы Минимальный набор тегов и их параметров для создания таблицы. Документ может содержать произвольное число таблиц, причём допускается вложенность.
Транксрипт:

Язык HTML HyperText Markup Language Язык разметки гипертекста

Разрешение адресов Абсолютные URI Относительные URI Абсолютное задание сервера Абсолютное задание пути /… Относительные URI Элемент BASE (в заголовке)

Ссылки LINK – в заголовке A – в теле (anchor) Атрибуты A: name, id href target type rel, rev charset

Примеры ссылок Следующий раздел Глава 1 Глава 2 Глава 3 … Глава 1 … Глава 2 … Глава 3

Элемент IMG Атрибуты src– адрес картинки alt– альтернативный текст longdesc–URI длинного описания height–высота (в пикселях или %) width–ширина align–выравнивание (bottom, middle, top, left, right) border–граница-рамка (в пикселах) hspace, vspace – пустое пространство usemap–клиентская карта ismap–серверная карта

Изображения, внешние объекты IMG – изображение APPLET – java-апплет IFRAME – встроенный фрейм OBJECT – общий элемент для объектов Атрибуты элемента OBJECT: data type Содержимое OBJECT – альтернативное представление объекта

Внешние объекты OBJECT – элемент для объектов param – элемент для передачи параметров с атрибутами: name value EMBED – элемент из HTML5 =

Карты Клиентская Серверная Приложение, получает координаты в URI: getxy.cgi?10,30

Примеры изображений Моё фото

Таблицы TABLE– таблица TR – строка TD, TH– ячейки (данные и заголовки) CAPTION – заголовок таблицы THEAD, TFOOT, TBODY – группы строк COLGROUP, COL – группы столбцов

Структура таблицы Ячейка Строка Таблица

Структура таблицы Таблица умножения множитель результат итог итог

Элемент TABLE Атрибуты: align (left, center, right) нежелательны width cellspacing, cellpadding –поля ячеек bgcolor– цвет фона (нежелателен) rules– линии вокруг ячеек (none, basic, rows, cols, all) frame– какие границы (самой таблицы) видны (void, above, below, box, hsides, vsides, lhs, rhs) summary– краткая информация

Примеры Текст заполняет место, незанятое таблицей Текст заполняет место, незанятое таблицей.

Элементы TR, TD, TH Атрибуты TR: align(left, center, right) valign(top, bottom, center) Кроме этого, атрибуты TD, TH : width, height (нежелательны) bgcolor– цвет фона (нежелателен) nowrap– не разбивать на строки colspan, rowspan – объединение ячеек …

Примеры таблиц

Примеры таблиц – colspan Заголовок Столбец 1 столбец

Редактирование INS – вставленный текст DEL – удалённый текст Атрибуты: cite – источник (значение – URL) datetime – время правки

Прочие элементы HR – горизонтальная линия PRE – форматированный текст Это одна строка. Это другая. Экзотика: MARQUEE – бегущая строка