Сборник лекций для учителя по HTML

В настоящее время жизнь без Internet кажется невозможной. Если нужно что-то узнать мы выходим в поисковую систему, для общения пользуемся сайтами Одноклассники и Вконтакте. И очень часто задаемся вопросом: "А могу ли я создать свой сайт?". Каждый может научить создавать web-сайты. Я советую начинать с изучения языка разметки HTML. HTML не является языком программирования. Он предназначен для разметки текстовых документов. HTML расшифровывается как, Hyper Text Markup Language, что можно перевести как язык гипертекстовой разметки. При помощи данного языка создаются интернет страницы.

Сборник лекций по HTML

Explorer в пункт меню Вид и из раскрывающегося списка выберите пункт

Заходим в Файл→Сохранить как , находим папку

ТЕМА 3. HTML. ФОН СТРАНИЦЫ Было бы скучно и однообразно, если б фон страниц веб-сайтов оставался всегда белым

P ALIGN="JUSTIFY"> <B><I>Слоисто-дождевые облака</I></B> выглядят как сплошная серая пелена, закрывающий все небо в виде гряд и валов

И укажем, что мы хотели бы видеть текст белого цвета

P ALIGN="JUSTIFY"> <B><I>Кучевые облака</I></B> подразделяют на кучевые, кучевые средние и кучевые мощные

TITLE> Виды облаков </TITLE> </HEAD> <BODY

Результат: ТЕМА 4

В багрец и в золото одетые леса,

В багрец и в золото одетые леса, <BR>

P> Замечание . Обратите внимание, что при закрытии тэга его атрибуты не пишутся

Сделаем в нашем примере название стихотворения заголовком первого уровня и выравнивание по центру, а автора – вторым уровнем и выравнивание по правому краю

WIDTH – устанавливает ширину линии в пикселах или процентах

Как установить шрифт текста

H1 ALIGN =” CENTER”> Унылая пора!

Как изменить размер текста Тэг <FONT> представляет собой контейнер не только для изменения гарнитуры, но и для установки таких характеристик шрифта как размер и цвет

Как задать цвет текста Для изменения цвета шрифта тэг

H3 ALIGN = “RIGHT”> Александр Пушкин </H3> <FONT

Практическая работа № 8. «Виды начертания шрифта»

Тэг <SUB> отображает шрифт в виде нижнего индекса

Сборник лекций для учителя по HTML

ТЕМА 5. «HTML. СПИСКИ» Иногда для структурирования данных используют списки

Выбор вида маркера Маркер может иметь вид незаполненного круга, черного круга и черного квадрата

Виды рыб <OL> <LI>Речные рыбы <LI>Морские рыбы <LI>Рыбы

Где атрибут START="4" показывает с какого числа начинать нумерацию

Создание вложенного списка (многоуровневый список)

Ланцетфиш Крылатка </OL> </BODY> </HTML>

BODY> </HTML> А в браузере мы увидим:

TD>…</TD> <TD>…</TD> Строка закончилась и мы должны ее закрыть </TR>

Как задать границу таблицы Добавим границу

Замечание . Если при этом не будет указан размер границы отличный от нуля, то границы все равно видно не будет

TD>8-952-987-13-20</TD> </TR> </TABLE> </P>

Как закрасить строку Теперь закрасим верхнюю строку (шапку) в зеленый

TR> <TD>1</TD> <TD>Фрося

HEAD> <BODY> <P ALIGN="CENTER"> <TABLE

Как задать высоту таблицы (строки)

TD>Иван Петров</TD> <TD>8-918-964-70-11</TD> </TR> <TR> <TD

TD>Фамилия</TD> <TD>Номер телефона</TD> </TR> <TR> <TD

Выравнивать содержимое таблицы, строки или ячейки можно как по горизонтали (по верхнему краю, по середине, по нижнему краю), так и по вертикали (по левому краю,…

TR> <TR> <TD ALIGN="CENTER"

ТЕМА 7. «HTML. ИЗОБРАЖЕНИЯ НА СТРАНИЦАХ»

Вставим изображение Ежика после заголовка и в конце текста: <HTML> <HEAD> <TITLE>

HTML> В браузере получим:

Замечание . Чтобы сохранить пропорции изображения достаточно указать значение только одного параметра

Выравнивание и обтекание изображения

Описание Ежика </TITLE> </HEAD> <BODY> <H1

RIGHT - Изображение выравнивается по правому краю родительского элемента

BOTTOM - Нижняя граница изображения выравнивается по базовой линии текстовой строки

MIDDLE - Середина изображения выравнивается по базовой линии текущей строки текста

Материалы на данной страницы взяты из открытых истончиков либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.

20.10.2019