Рабочие листы
к вашим урокам
Скачать
1 слайд
Основы языка гипертекстовой разметки документов
HTML
(Часть1. Форматирование текста)
Автор: Пилишкина Надежда Васильевна
2 слайд
HTML
(Hyper Text Markup Language) «Язык гипертекстовой разметки»
«Многомерный» текстовый документ, в котором установлены смысловые связи между его различными фрагментами
Гипертекст-
Web-страница - Документ или информационный ресурс Всемирной паутины, доступ к которому осуществляется с помощью веб-браузера.
Эта разметка служит для задания формы представления информации, содержащейся в документе.
Браузер – Программа просмотра HTML – документов, отображает их в виде Web –страницы, содержание страницы представляется на экране в том виде , которое задаётся тэгами.
3 слайд
Парный тэг (Контейнер) < … > форматируемый </… >
текстовый фрагмент
открывающий тэг закрывающий тэг
Параметры форматирования определяются атрибутами тегов:
<тэг атрибут=“значение”>форматируемый текстовый фрагмент </тэг>
Тэги
Одиночный тэг (Команда) < … >
Код Web-страницы состоит из особых слов – тегов, заключенных в угловые скобки <>.
В обычный текстовый документ вставляются управляющие команды (тэги), определяющие вид Web- страницы при её просмотре в браузере (форматирование абзацев, вид шрифта, ссылки на внешние файлы, другие web-страницы или части той же web-страницы)
4 слайд
Структура Web - страницы
«Голова» Web- страницы
«Тело» Web- страницы
<html>
<head>
<title>Имя страницы</title>
</head>
<body>
</body>
</html>
5 слайд
Файл –> Сохранить как …
Простейшая Web - страница
Блокнот
Браузер
Primer1.html
6 слайд
Для того, чтобы задать Цвет необходимо указать его название или
16-ричный код в виде RRGGBB (#FFFFFF – белый, #000000 - чёрный).
Цвет на Web - странице
7 слайд
Атрибуты тэга <Body>
8 слайд
Фон Web - страницы
<body background=1.jpg>
<body bgcolor=pink>
9 слайд
Оформление заголовка
Заголовки: <hN> текст заголовка </hN>, N от 6 до 1
<h1>Заголовок первого уровня</h1>
<h2>Заголовок второго уровня</h2>
<h3>Заголовок третьего уровня</h3>
<h4>Заголовок четвёртого уровня</h4>
<h5>Заголовок пятого уровня</h5>
<h6>Заголовок шестого уровня</h6>
Атрибут заголовка - выравнивание
align=значение (left, center, right, justify)
<hN align=“center”>заголовок выровнен по центру</hN>
10 слайд
Горизонтальная линия на Web-странице
Тэг <h> - выпуклая (объёмная) горизонтальная линия.
Тэг не требует закрывающего тэга.
<hr noshade> -линия без тени,
<hr color=цвет>
<hr size=толщина>
<hr width=ширина в пикселях или %>
<h1 align=center>Заголовок1 </h1>
<hr>
<h2 align=center>Заголовок2 </h2>
<hr color=red>
<h3 align=center>Заголовок3 </h3>
<hr color=#FF0000 size=8 width=100>
11 слайд
Оформление абзаца
<P> текст абзаца </P>
<P align=“…”>абзац с выравниванием</P>
Перед абзацем автоматически
добавляется небольшой отступ
<P align=“left”> абзац с выравниванием по левому краю</P>
<P align=“center”> абзац с выравниванием по центру</P>
<P align=“right”>абзац с выравниванием по правому краю</P>
<P align=“justify”> абзац с выравниванием по ширине</P>
12 слайд
Форматирование шрифта
<Big> увеличение обычного размера шрифта на одну единицу</Big>
<Small> уменьшение обычного размера шрифта на одну единицу</Small>
13 слайд
Форматирование шрифта
Строка 1
Строка 2
Строка 3
Строка 4
Строка 5
<Pre> Раз ступенька
Два ступенька
Будет Л е с е н к а </Pre>
<BR> перевод на новую строку
<Pre> Этот текст будет выглядеть так как он набран</Pre>
14 слайд
Форматирование шрифта
<Font> управление фрагментом текста</Font>
Атрибуты шрифта:
Face (гарнитура),
Size (размер 1…7 или +2, -1 и т.д.),
Color (цвет)
<Font Face=Arial Size=6 Color=red> фрагмент1</Font>
<Font Face=Courier Size=+2 Color=#FF0000> фрагмент2 </Font>
Courier
Arial
Рабочие листы
к вашим урокам
Скачать
6 663 508 материалов в базе
Настоящий материал опубликован пользователем Пилишкина Надежда Васильевна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт
Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материал
Ваша скидка на курсы
40%
Курс повышения квалификации
36/72 ч.
Курс профессиональной переподготовки
300/600 ч.
Курс повышения квалификации
36 ч. — 144 ч.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.