Рабочие листы
к вашим урокам
Скачать
1 слайд
практикум по основам
языка разметки гипертекстов HTML
2 слайд
Создание первого HTML-документа
Знакомство со структурой HTML-документа.
HTML-документ заключается в теги <HTML> и </HTML>.
Между этими тегами два блока:
<HEAD> </HEAD> - блок заголовка, содержит описание параметров, используемых при отображении документов, но не отображающихся в окне обозревателя.
<TITLE> Название страницы </TITLE> .
<BODY> </BODY> - тело документа, содержит текст, предназначенный для отображения обозревателем, и теги, указывающие на способ форматирования текста, определяющие графическое оформление, задающие параметры гиперссылок.
Задание:
а) создать HTML-документ:
<HTML>
<HEAD>
<TITLE> Название страницы </TITLE>
</HEAD>
<BODY>
Пример страницы
</BODY>
</HTML>
б) Сохранить документ в файле с именем index.html в рабочей папке.
в) Просмотреть HTML-документ в обозревателе Internet Explorer.
3 слайд
Создание первого HTML-документа
Логическое форматирование.
а) Оформление заголовков:
<Hn> </Hn> n - целое число от 1 до 6, определяет уровень заголовка (1 - высокий уровень, 6 - низкий уровень). При оформлении заголовков можно использовать атрибут выравнивания -
<Hn align=«left»> </Hn>- выравнивание по левому краю
<Hn align=«center»> </Hn>- выравнивание по центру
<Hn align=«right»> </Hn> - выравнивание по правому краю
б) Оформление параграфа (абзаца):
<P> </P> или с выравниванием <P align= «left, center, right»> </P>
в) Перевод на новую строку:
<BR>
4 слайд
Физическое форматирование (форматирование шрифта)
<B> </B>полужирное начертание
<I> </I> курсивное начертание
<U> </U> подчеркнутый шрифт
<FONT size=число color=цвет face= «тип шрифта» > </FONT> - задание параметров шрифта.
атрибут size – размер шрифта, целое число от 1 до 7, по умолчанию 3
атрибут color – цвет шрифта, название цвета по-английски или 16-ричный код (например: #FF00FF)
атрибут face – название типа шрифта
Атрибуты можно использовать в любом сочетании.
Горизонтальный разделитель:
<HR size=число width=число color=цвет> - горизонтальная линия, разделяющая части документа, можно использовать без атрибутов или с атрибутами в любом сочетании,
size – толщина линии в пикселях,
width – ширина линии в пикселях,
color – цвет линии (название или код цвета).
5 слайд
Использование списков при оформлении текстов
Текст с перечислением – список. Выделяют два основных вида списков – маркированный и нумерованный. Маркированный список используют, если порядок перечисления не важен, нумерованный – если порядок перечисления важен.
а) Оформление маркированного списка:
<UL>
<LI> элемент списка </LI>
<LI> элемент списка </LI>
. . . . . . . . .
<LI> элемент списка </LI>
</UL>
атрибут type – вид маркера (вводится в теге <UL>)
type=circle - маркер в виде небольшой окружности ○
type=disc- маркер в виде закрашенной окружности ●
type=square- маркер в виде закрашенного квадратика ■
6 слайд
Использование списков
при оформлении текстов
б) Оформление нумерованного списка:
<OL>
<LI> элемент списка </LI>
<LI> элемент списка </LI>
. . . . . . . . .
<LI> элемент списка </LI>
</OL>
атрибут type – вид нумерации (вводится в теге <OL>)
type=1 - арабская нумерация (1,2,3 …)
type=I- римская нумерация заглавными буквами (I, II, III, IV)
type=I- римская нумерация строчными буквами (i, ii, iii, iv )
type=A - нумерация латинскими заглавными буквами (A,B,C,D…)
type=a- нумерация латинскими строчными буквами (a,b,c,d…)
Атрибуты записываются в открывающиеся теги <UL> или <OL>.
7 слайд
Первые счетные средства
для человека :
Пальцы;
Камешки;
Узелки;
Аббак;
Счеты;
Логарифмическая линейка;
Арифмометр.
Ключевые элементы
Аналитической машины Бэббиджа :
Устройство ввода данных;
Блок управления;
Процессор;
Запоминающее устройство;
Устройство вывода.
Использование списков
при оформлении текстов
Виды информации,
воспринимаемой человеком:
Зрительная
Слуховая
Осязательная
Обонятельная
Вкусовая
Виды информации,
воспринимаемой компьютером:
Числовая
Символьная
Графическая
Звуковая
Видео
Виды компьютерных сетей:
Локальные
Корпоративные
Региональные
Глобальные
8 слайд
Оформление таблиц
в HTML-документе
В практическом HTML-программировании таблицы совершенно незаменимы выравнивания элементов на экране, многоколонной верстки, наложения картинок друг на друга, для отображения на экране табличного материала. Таблица представляет собой прямоугольник, расчерченный на клетки, образующие столбцы и строки.
Таблица задается командой <TABLE>…</TABLE> . Внутри этих тегов задаются строки командами <TR>…</TR>, внутри строк задаются ячейки командами <TD>…</TD>. Таким образом, по строкам задается вся структура таблицы:
<TABLE>
<TR>
<TD> </TD>
<TD> </TD>
</TR>
<TR>
<TD> </TD>
<TD> </TD>
</TABLE>
Атрибуты для тегов <TABLE>, <TR>, <TD>:
border=число- толщина линии
bordercolor= цвет- цвет линии
bgcolor=цвет- цвет заливки фона
Атрибут width=число (или %) – ширина таблицы или ячейки в пикселях
9 слайд
Оформление таблиц
в HTML-документе
Задание:
а) создать HTML-документ (на основе файла index.html), содержащий таблицу;
б) Сохранить документ в файле с именем index4.html в рабочей папке.
в) Просмотреть HTML-документ в обозревателе Internet Explorer.
Рабочие листы
к вашим урокам
Скачать
6 663 954 материала в базе
«Информатика (базовый уровень)», Угринович Н.Д.
Больше материалов по этому УМК
Настоящий материал опубликован пользователем Бондарчук Анна Леонидовна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт
Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материал
Ваша скидка на курсы
40%
Курс профессиональной переподготовки
300 ч. — 1200 ч.
Курс повышения квалификации
72 ч. — 180 ч.
Курс повышения квалификации
36 ч. — 180 ч.
Мини-курс
3 ч.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.