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

Август 10, 2022

Главная
Информатика
Язык разметки гипертекста HTML

Содержание

2. Для файлов, содержащих HTML-документы, принято расширение .htm или .html. Создавая HTML-документ в простейшем текстовом редакторе —
3. Для просмотра полученной HTML - страницы достаточно открыть полученный файл в любом браузере. Для редактирования HTML
4. Тэги (команды, флаги разметки) предназначены для форматирования и разметки документа. Тэг — это определенная последовательность символов,
5. Непарный тэг вызывает одноразовое действие в том месте, где он встречается. Например: тэг служит для перехода
7. п.3. Структура HTML-документа Все HTML-документы имеют общую структуру. Имя Web-страницы Тело HTML-документа
8. Тэги служебной информации: … — блок служебной информации; … — содержит блок информации, которая будет отображаться
9. п.4. Форматирование текста Тэг уровня заголовка (Headings) Заголовки служат для выделения логических частей текста (главы, параграфы,
10. Тэг абзаца Браузер разделяет абзацы только при наличии тэга : вставляет, пустую строку перед абзацем. Синтаксис
11. Тэги форматирования символов: – полужирный шрифт – отмена полужирного шрифта – курсив – отмена курсива –
12. – полужирный шрифт – отмена полужирного шрифта – увеличение шрифта относительно текущего – отмена увеличения шрифта
14. Тэг шрифта текст Атрибуты тэга : COLOR = название цвета Например: текст FACE = название шрифта
15. Атрибуты могут перечисляться через пробел в произвольном порядке. Например: текст
17. п.6. Вставка графических изображений Синтаксис тэга: Атрибуты тэга : SRC = "имя_файла.расширение" — атрибут является обязательным.
18. HSPACE = число в пикселях — горизонтальный отступ вокруг изображения. VSPACE = число в пикселях —
20. Скачать презентацию

Слайд 2

Для файлов, содержащих HTML-документы, принято расширение .htm или .html.
Создавая HTML-документ

в простейшем текстовом редакторе — Блокноте, при его сохранении нужно указывать и имя файла, и расширение, иначе по умолчанию будет создан текстовый файл (.txt), и в обозревателе такой документ не отобразиться, несмотря на наличие в нем тэгов.

Слайд 3

Для просмотра полученной HTML - страницы достаточно открыть полученный файл в

любом браузере.
Для редактирования HTML - страницы необходимо открыть файл в программе блокнот (ПКМ - открыть с помощью…. – Блокнот)

Слайд 4

Тэги (команды, флаги разметки) предназначены для форматирования и разметки документа.
Тэг —

это определенная последовательность символов, заключенная между знаками < и >.
Например: означает увеличение на 1 пункт размера шрифта.
Существует два вида тэгов: парные и непарные.
Парные тэги — это такие команды, которые используются парой (открывающий и закрывающий тэги).
Например: <В> …

п.2. Тэги HTML и их атрибуты

Слайд 5

Непарный тэг вызывает одноразовое действие в том месте, где он встречается.
Например:

тэг
служит для перехода на новую строку при выводе текста.
Допускается вложения тэгов, но следует следить за тем, чтобы вовремя закрывать парные тэги.
Атрибуты — дополняют тэги, позволяя более подробно описывать действия над текстом или графикой или другими объектами.
Формат (правила записи) тэгов:
<тэг атрибут="значение" атрибут="значение"...>

Слайд 6

Слайд 7

п.3. Структура HTML-документа
Все HTML-документы имеют общую структуру.

Имя Web-страницы</div></h2><div class="slides-content">

Тело HTML-документа

Слайд 8

Тэги служебной информации:
… — блок служебной информации;
…

— содержит блок информации, которая будет отображаться в строке заголовка обозревателя, описывая цель документа и не должна превышать 5-6 слов;

Слайд 9

п.4. Форматирование текста
Тэг уровня заголовка (Headings)
Заголовки служат для выделения логических частей

текста (главы, параграфы, пункты, подпункты и т.д.).

Синтаксис заголовков:
текст заголовка
x – цифра от 1 до 6, определяющая уровень заголовка.

Слайд 10

Тэг абзаца

Браузер разделяет абзацы только при наличии тэга
: вставляет,

пустую строку перед абзацем.

Синтаксис абзаца:

текст абзаца

Атрибутом тэга является выравнивание текста:

Центрирование элементов документа в окне браузера

элементы

Слайд 11

Тэги форматирования символов:
– полужирный шрифт – отмена полужирного шрифта
–

курсив – отмена курсива
– подчёркивание – отмена подчёркивания
– выделение (аналогично тэгу ) – отмена выделения

Слайд 12

– полужирный шрифт – отмена полужирного шрифта
– увеличение шрифта

относительно текущего – отмена увеличения шрифта относительно текущего
– уменьшение шрифта относительно текущего – отмена уменьшение шрифта относительно текущего
^{– текст сдвигается вверх (верхний индекс)} – отмена сдвига
_{– текст сдвигается вниз (нижний индекс)} – отмена сдвига

Слайд 13

Слайд 14

Тэг шрифта
текст
Атрибуты тэга :
COLOR = название цвета
Например:

COLOR= red> текст
FACE = название шрифта
Например: текст
SIZE = размер шрифта
Синтаксис: , где n – от 1 до 7.

Например: текст

Слайд 15

Атрибуты могут перечисляться через пробел в произвольном порядке.
Например:

COLOR=Black > текст

Слайд 16

Слайд 17

п.6. Вставка графических изображений
Синтаксис тэга:

>
Атрибуты тэга :
SRC = "имя_файла.расширение" — атрибут является обязательным. Указывает браузеру, где находится рисунок. Рисунок должен храниться в графическом формате (GIF, JPEG (предпочтительнее), PNG, BMP).
ALT = "text" — пояснительного текста к изображению.
WIDTH = число (в пикселях или в %) — ширина рисунка.
HEIGHT = число (в пикселях или в %) — высота рисунка.
BORDER = число в пикселях — ширина рамки вокруг рисунка.

Слайд 18

HSPACE = число в пикселях — горизонтальный отступ вокруг изображения.
VSPACE =

число в пикселях — вертикальный отступ вокруг изображения.
ALIGN = положение — расположение элементов на экране.
CLEAR = положение — позволяет очистить поле слева, справа или с обеих сторон графического объекта.
USEMAP — позволяет пользователю выполнять какие-либо действия, щелкая мышью на изображение.

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

Содержание

Для файлов, содержащих HTML-документы, принято расширение .htm или .html. Создавая HTML-документ

Для просмотра полученной HTML - страницы достаточно открыть полученный файл в

Тэги (команды, флаги разметки) предназначены для форматирования и разметки документа.Тэг —

Непарный тэг вызывает одноразовое действие в том месте, где он встречается.Например:

п.3. Структура HTML-документаВсе HTML-документы имеют общую структуру. Имя Web-страницы</div></h2><div class="slides-content"> Тело HTML-документа

Тэги служебной информации: … — блок служебной информации; …

п.4. Форматирование текстаТэг уровня заголовка (Headings) Заголовки служат для выделения логических частей

Тэг абзаца Браузер разделяет абзацы только при наличии тэга : вставляет,

Тэги форматирования символов: – полужирный шрифт – отмена полужирного шрифта –

– полужирный шрифт – отмена полужирного шрифта – увеличение шрифта

Тэг шрифта текст Атрибуты тэга :COLOR = название цветаНапример:

Атрибуты могут перечисляться через пробел в произвольном порядке.Например:

п.6. Вставка графических изображенийСинтаксис тэга:

HSPACE = число в пикселях — горизонтальный отступ вокруг изображения.VSPACE =

Похожие презентации