Презентация Язык разметки гипертекста HTML (10 класс)


Язык разметки гипертекста HTMLТекст Абзац 1) <p> текст абзаца </p> - разбиение текста на абзацы параметры (атрибуты) тега <p>:align = "значение" - выравнивание текста значения: left- выравнивание по левому краю right - выравнивание по правому краю center - выравнивание по центру justify - выравнивание по ширине Раздел 2) <div>раздел</div> - разбивает на раздел. Оставляет пустую строку вначале раздела. Параметры такие же как и для тега <p> Заголовок 3) <Hn>заголовок </Hn> - задание заголовков В HTML существует 6 уровней заголовков (n=1,2,...,6). Все уровни пронумерованы от H1 до H6. Самый крупный заголовок первого уровня - H1, а самый маленький - H6. параметры (атрибуты) тега <Hn>:align = "значение" - выравнивание заголовказначения: left- выравнивание по левому краю right - выравнивание по правому краю center - выравнивание по центру Текст 4) <font> текст</font> - задает свойства шрифта параметры (атрибуты) тега <font>: 1) size="число" - размер шрифта 2) color="число или название цвета" - цвет шрифта 3) face="название шрифта" - шрифт Текст5) <BR> - аналогичен нажатию клавиши Enter6) <b> текст </b> - полужирный текст7) <U>текст</U> - подчеркнутый текст8) <I> текст</I> - курсивный текст9) <S>текст</S> - зачеркнутый шрифт Текст10) <BIG>текст</BIG> - увеличение шрифта11) <SMALL>текст</SMALL> - уменьшение шрифта12) <SUP>текст</SUP> - верхний индекс13) <SUB>текст</SUB> - нижний индекс Задание 1 Создать HTML-документ, выводящий на экран три абзаца текста, каждый из которых содержит соответственно определения локальной сети, глобальной сети, региональной сети. Первый абзац выровнен по левому краю, второй – по центру, третий – по правому. Каждый абзац отделен от другого горизонтальной линией, ширина которой равна ширине окна браузера. Задание 2 Создать HTML-документ, который будет выводить в браузере текст:Этот шрифт красного цвета.Этот шрифт синего цвета.Этот шрифт зеленого цвета.соответственно указанного цвета. Задание 3Создать HTML-документ, который в браузере будет выглядеть следующим образом (цвет фона – коричневый, цвет текста – белый): Это полужирный шрифт.Выделение курсивомЭто моноширинный шрифт.Пример подчеркивания текста.Пример зачеркнутого текста.Шрифт большего размера.Шрифт меньшего размера Пример шрифта для нижнего индекса. Пример шрифта для верхнего индекса Тест "Размещение текстовой информации на Web-странице" Какой код соответствует следующему отображению на Web-странице: AAABBBCCC <U> AAA <I> BBB </I> CCC </B> AAA <I> BBB </I> <U>CCC </U> AAA <B> BBB </B> <U>CCC </U> AAA <I> CCC </I> <U> BBB </U>1. Тест "Размещение текстовой информации на Web-странице" Какой из следующих кодов разместит буквы по центру строки? <P ALIGN="LEFT"> ABCD </P> <P ALIGN="RIGHT"> ABCD </P> <P ALIGN="CENTER"> ABCD </P> <P> ALIGN="CENTER" ABCD </P>2. Тест "Размещение текстовой информации на Web-странице" Что обозначает атрибут face тега <font>? цвет текста цвет фона размер шрифта начертание шрифта название шрифта3. Тест "Размещение текстовой информации на Web-странице" Какой из следующих кодов выведет на экран буквы наибольшего размера? AAA <FONT SIZE="1"> AAA </FONT> <H1> AAA </H1> <H6> AAA </H6>4. Тест "Размещение текстовой информации на Web-странице" Что будет отображено на Web-странице после написания кода: Y <SUB> 2 </SUB> O Y2O Y2O Y2O Y2O5. Ответы -2 -3 -5 -3 -1