Рабочие листы
к вашим урокам
Скачать
1 слайд
Служебные теги, теги форматирования текста и таблиц
2 слайд
Теги могут вкладываться друг в друга иерархически, но без пересечений
Общий вид тега HTML:
<имя>содержимое</имя>
3 слайд
Размещение элемента body
<html>
<head>
<title> Здесь размещается подходящий текст заголовка</title>
</head>
<body>
</body>
</html>
При просмотре страницы в браузере информация, размещенная внутри элемента body, отображается в окне браузера, называемом также окном просмотра
4 слайд
Комментарии
Комментарии позволяют временно скрыть содержимое или разметку, оформить содержимое элементов особым образом для обратной совместимости, обозначить части внутри документов и создать пояснения для других людей, которые, возможно, будут работать над страницей.
Синтаксис комментария языка HTML выглядит следующим образом:
<!— —>
5 слайд
Использование заголовков
Заголовки в языках HTML и XHTML представляют собой теги, которые используются для определения заголовков на странице. Существуют теги для шести уровней заголовков, начиная с <hl> . . . </hl> и заканчивая <h6> . . . </h6>.
6 слайд
Использование заголовков
Пример 2.1. Заголовки с логическим содержимым
<h1>Добро пожаловать на домашнюю страничку Молли!</h1>
<h2>Книги</h2>
<hЗ>Как автор</hЗ>
<h4>Заглавие книги</h4>
7 слайд
Добавление абзацев
обозначается открывающим и закрывающим тегами <р> . . . </р>
Пример : Разметка абзацев с использованием открывающего и закрывающего тегов
<р>Мыслимо ли? На самом деле? Они едва не погибли. У них был
бессмысленный взгляд, устремленный в море. Они смотрели с
неослабевающим вниманием, как загипнотизированные.</р>
<р>Это был Франк Меррил, тот, кто в конце концов прервал
тишину, Меррил казался мраморным и его голос звучал неестесственно, монотонно, с нотками металла.</р>
8 слайд
Использование тега разрыва строки
<р> Мой дядя самых честных правил </Ьг >
Когда не в шутку занемог,</br >
Он уважать себя заставил</Ьг >
И лучше выдумать не мог</р>
9 слайд
Упорядоченные (нумерованные) списки
Пример: Создание упорядоченного списка
<ol>
<li> Возьмите 1-10 к выезду с трассы</li>
<li> После выезда поверните налево на трассу Булевард</li>
<li> Проедьте по трассе несколько миль, пока не попадете на Парк авеню.</li>
</ol>
10 слайд
Неупорядоченные (маркированные) списки
Пример: Неупорядоченный список
<р>Разделы сайта включают:</р>
<ul>
< li >Книги</ li >
<li>CD и DVD</li>
< li >Электроника</ li >
< li >Фотографическое оборудование»:/li>
< li >Программное обеспечение</ li >
</ul>
11 слайд
Списки определений
Списки определений состоят из трех элементов: элемента списка определений, <dl> . . . </dl>; элемента определения термина, <dt> . . . </dt>, и элемента определения описания, <dd> ... </dd>.
12 слайд
Создание таблиц
<table> … </table>
13 слайд
Добавление строки таблицы
Пример: Таблица со строкой
<table width="90%" border="l" cellspacing="5" cellpadding="5">
<tr>
Данные
</tr>
</table>
14 слайд
Добавление столбца таблицы
Пример: Таблица с одной строкой и тремя столбцами
<table width="90%" border="l" cellspacing="5" cellpadding="5">
<tr>
<td>Данные</td>
<td>Данные</td>
<td>Данные</td>
</tr>
</table>
15 слайд
Добавление заголовков таблицы
16 слайд
Добавление заглавия
Заглавие таблицы можно задать при помощи элемента caption.
<caption> . . . </caption>
17 слайд
Добавление заглавия
Заглавие таблицы можно задать при помощи элемента caption.
<caption> . . . </caption>
Рабочие листы
к вашим урокам
Скачать
6 661 534 материала в базе
Настоящий материал опубликован пользователем Падерова Марина Алексеевна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт
Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материалВаша скидка на курсы
40%Курс профессиональной переподготовки
300/600 ч.
Курс повышения квалификации
72 ч. — 180 ч.
Курс повышения квалификации
72 ч. — 180 ч.
Мини-курс
4 ч.
Мини-курс
4 ч.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.