Язык HTML

Август 11, 2022

Содержание

2. Типы начертания шрифта. Расшифровка сокращений. Линии. Поскольку на прошлом занятии мы научились вставлять графический фон, попробуем
3. Создать новый слой командой Layer-New-Layer (Слой – Новый - Слой). Инструментом Custom Shape выбираем элемент из
4. Вот что получилось у меня:
5. Теперь поговорим о других возможностях HTML по форматированию текста. Первое, что можно сделать - это изменить
6. Также текст можно сделать подчёркнутым. Для этого необходимо использовать тег Подчёркнутый текст Тег делает текст перечеркнутым.
7. Единственное, но ОЧЕНЬ важное правило - это соблюдать принцип вложенности. То есть сначала закрываются все внутренние
8. Практическое задание Создадим HTML-документ, демонстрирующий все простые виды написания шрифта и 2 составных:
9. Сохраняем и смотрим результат в браузере:
10. Тег abbr Этот тег указывает на то, что текст является аббревиатурой (сокращением). По умолчанию этот текст
11. Практическое задание Для примера работы тега создадим страницу HTML с цитатой из фильма с расшифровкой жаргона:
12. Сохраняем и смотрим результат в браузере:
13. Тег hr И последний тэг на сегодня - Тег . Заметьте, он не парный - закрывающего
14. Практическое задание Создадим документ с использованием тега
16. Скачать презентацию

Слайд 2

Типы начертания шрифта. Расшифровка сокращений. Линии.
Поскольку на прошлом занятии мы научились

вставлять графический фон, попробуем делать простенькие узорные фоны в редакторе Adobe Photoshop для оформления наших веб-страниц. Итак, открыть редактор, создать документ размером 200х200 пикселов, разрешением 72 пиксела на дюйм, цветовой режим – RGB Color, 8 бит на цвет, фон белый.

Слайд 3

Создать новый слой командой Layer-New-Layer (Слой – Новый - Слой). Инструментом Custom Shape выбираем

элемент из библиотеки шаблонов векторных фигур (список в строке параметров Shape), растягивая, размещаем его на листе. Получаем контур векторной фигуры. Кнопкой Load path as a selection (Преобразовать путь как выделение) в нижней части палитры Paths. Выполним обводку выделения командой Edit – Stroke (Редактирование - Обводка). Толщину линии установить 3. Убрать выделение командой Select – Deselect (Выделение – Убрать выделение). Выбирая стили в палитре стилей Styles можно подобрать эффектные обводки узора. В палитре Layers (слои) параметром Opacity (прозрачность) снизить яркость изображения. Удалить слой фона (щелкнуть по нему в палитре слоев, команда Layer – Delete – Layer (Слой – Удалить - Слой)). Сохранить как png-документ с прозрачным фоном.

Слайд 4

Вот что получилось у меня:

Слайд 5

Теперь поговорим о других возможностях HTML по форматированию текста. Первое, что можно

сделать - это изменить вид начертания текста: курсив, подчёркнутый, жирный и различные их комбинации.
Начнём с курсива. Текст будет курсивным, если он находится внутри тега . Поэтому давайте напишем так:
Это курсив
Если Вы запустите браузер, то Вы сможете увидеть текст в виде курсива.
Текст может быть жирным. Делается это с помощью тега . Например, так:
Это жирное начертание

Слайд 6

Также текст можно сделать подчёркнутым. Для этого необходимо использовать тег
Подчёркнутый

текст
Тег делает текст перечеркнутым.
~~Перечеркнутый текст~~
Помимо этого можно сделать комбинацию начертаний, например, курсивным и жирным одновременно. Делается это следующий образом:
Жирный курсивный текст
Также можно записать и так:
Жирный курсивный текст
Если Вы посмотрите в браузере, то не увидите никакой разницы. Это и логично, ведь какая разница: сначала сделали текст курсивным, а потом жирным, или, наоборот, сначала жирным, а потом курсивным.

~~Слайд 7~~

Единственное, но ОЧЕНЬ важное правило - это соблюдать принцип вложенности. То

есть сначала закрываются все внутренние теги, и только потом закрываются внешние теги:
Всегда помните о принципе вложенности - это одно из немногих правил HTML, соблюдение которого обязательно!

~~Слайд 8~~

Практическое задание
Создадим HTML-документ, демонстрирующий все простые виды написания шрифта и 2

~~составных:~~

~~Слайд 9~~

Сохраняем и смотрим результат в браузере:

~~Слайд 10~~

Тег abbr
Этот тег указывает на то, что текст является аббревиатурой (сокращением).

По умолчанию этот текст будет подчеркиваться пунктиром, а при наведении на него курсора мыши появится всплывающая подсказка с расшифровкой аббревиатуры. Это достигается добавлением в тег параметра title, в качестве значения которого и выступает расшифровка:
Cокращение

~~Слайд 11~~

Практическое задание
Для примера работы тега создадим страницу HTML с цитатой

~~из фильма с расшифровкой жаргона:~~

~~Слайд 12~~

Сохраняем и смотрим результат в браузере:

~~Слайд 13~~

Тег hr
И последний тэг на сегодня - Тег
. Заметьте, он

не парный - закрывающего тега нет.
Рисует горизонтальную линию, отделенную сверху и снизу пустыми строками.
У этого тега есть следующие параметры:
align - выравнивает линию по центру (center), слева (left) или справа (right) окна документа;
width - устанавливает длину линии в пикселах или в процентах от ширины окна;
size - устанавливает толщину линии в пикселах;
color - устанавливает цвет линии;
noshade - убирает рельефность линии.
Например:

~~Слайд 14~~

Язык HTML

Содержание

Типы начертания шрифта. Расшифровка сокращений. Линии. Поскольку на прошлом занятии мы научились

Создать новый слой командой Layer-New-Layer (Слой – Новый - Слой). Инструментом Custom Shape выбираем

Вот что получилось у меня:

Теперь поговорим о других возможностях HTML по форматированию текста. Первое, что можно

Также текст можно сделать подчёркнутым. Для этого необходимо использовать тег Подчёркнутый

Единственное, но ОЧЕНЬ важное правило - это соблюдать принцип вложенности. То

Практическое заданиеСоздадим HTML-документ, демонстрирующий все простые виды написания шрифта и 2

Сохраняем и смотрим результат в браузере:

Тег abbrЭтот тег указывает на то, что текст является аббревиатурой (сокращением).

Практическое заданиеДля примера работы тега создадим страницу HTML с цитатой

Сохраняем и смотрим результат в браузере:

Тег hrИ последний тэг на сегодня - Тег . Заметьте, он

Практическое заданиеСоздадим документ с использованием тега

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

Типы начертания шрифта. Расшифровка сокращений. Линии.
Поскольку на прошлом занятии мы научились

Также текст можно сделать подчёркнутым. Для этого необходимо использовать тег
Подчёркнутый

Практическое задание
Создадим HTML-документ, демонстрирующий все простые виды написания шрифта и 2

Тег abbr
Этот тег указывает на то, что текст является аббревиатурой (сокращением).

Практическое задание
Для примера работы тега создадим страницу HTML с цитатой

Тег hr
И последний тэг на сегодня - Тег
. Заметьте, он

Практическое задание
Создадим документ с использованием тега