Солодова Светлана Владимировна, учитель МАОУ-СОШ №181
HTML. Текст и изображения
Размер шрифта для имеющихся в тексте заголовков задается тэгами от <H1> (самый крупный) до <H6> (самый мелкий). Все указанные тэги парные (контейнеры)
Заголовок страницы целесообразно выделять самым крупным шрифтом
<H1> Все о компьютере </H1>
Заголовок желательно отделять от основного содержания страницы горизонтальной линией с помощью одиночного тэга <HR>
Заголовки
Заголовки, атрибуты тэгов
Некоторые тэги имеют атрибуты, которые являются именами свойств и могут принимать определенные значения. Так, заголовок по умолчанию выровнен по левому краю страницы, однако принято заголовок размещать по центру. Задать тип выравнивания заголовка для тэга заголовка позволяет атрибут ALIGN, которому требуется придать определенное значение.
ALIGN=“right” – выравнивание по правому краю
ALIGN=“center” – выравнивание по центру
ALIGN=“left” – выравнивание по левому краю
Заголовки, атрибуты тэгов
Текст кода
<Html>
<Head>
<Title> Поисковые системы </title>
</head>
<body>
<H1 ALIGN="center"> Все о поисковых системах</H1>
</body>
</html>
Форматирование текста
Изменить начертание шрифта позволяют следующие тэги:
<B> Жирный </B>
<I> Курсив </I>
<U> Подчеркнутый </U>
<B> <I> <U> Жирный подчеркнутый курсив </U></I></B>
<TT> Выровненный по ширине </TT>
<EM> Выделение </EM>
<STRONG> Усиленное выделение </STRONG>
Текст кода:
<Html>
<Head>
<Title> Поисковые системы </title>
</head>
<body>
<H1 ALIGN="center"> Все о поисковых системах </H1>
<B> Жирный </B>
<I> Курсив </I>
<U> Подчеркнутый </U>
<B> <I> <U> Жирный подчеркнутый курсив </U></I></B>
<TT> Выровненный по ширине </TT>
<EM> Выделение </EM>
<STRONG> Усиленное выделение </STRONG>
</body>
</html>
Форматирование текста
Для изменения шрифта и начертания фрагментов текста используется тэг <FONT> </FONT>
Этот тэг имеет следующие атрибуты:
FACE – задает гарнитуру шрифта (например, FACE=“Arial”)
SIZE – задает размер шрифта (например, SIZE=4)
Форматирование текста
COLOR – задает цвет шрифта (например, COLOR=“blue”). Значение атрибута COLOR можно задать либо значением цвета (например, “red” и т.д.), либо шестнадцатеричным его значением, которое использует RGB-формат “#RRGGBB”, где две первые цифры задают интенсивность красного цвета (red), средние две цифры – интенсивность зеленого (green), и последние две цифры – интенсивность синего (blue) цветов. Минимальная интенсивность цвета задается числом 00, а максимальная – FF. Легко догадаться, что синий цвет задает “#0000FF
Текст кода:
<Html>
<Head>
<Title> Компьютер </title>
</head>
<body>
<FONT COLOR="blue">
<H1 ALIGN="center"> Все о компьютере </H1> </FONT>
<HR>
</body>
</html>
Разделение текста на абзацы производится с помощью контейнера <P> </P>. При просмотре в браузере абзацы отделяются друг от друга интервалами. Для каждого абзаца можно задать определенный тип выравнивания.
На титульной странице обычно размещается текст, кратко описывающий содержание сайта. Например, поместим на титульную страницу текст, разбитый на абзацы с различным выравниванием:
<P ALIGN=“left”> На этом сайте вы сможете получить различную информацию о поисковых системах, о том, что это такое и какие они бывают.. </P>
<P ALIGN=“right”> Терминологический словарь познакомит вас с терминами, а также вы сможете сравнить поисковые системы. </P>
Изображения
Для размещения на Web-страницах используются графические файлы форматов GIF, JPEG, PNG,SWF.
Для вставки изображения используется одиночный тэг <IMG> с атрибутом SRC, который указывает место хранения файла на локальном компьютере или в Интернете.
Изображения
Выравнивание рисунка по горизонтали задается в тэге <P> </P>.
Если графический файл находится на локальном компьютере в том же каталоге, что и файл Web-страницы, то в качестве значения атрибута SRC достаточно указать только имя файла:
<IMG SRC=“poisk1.jpg ”>
Если файл находится в другом каталоге на данном локальном компьютере, то значением атрибута должно быть полное имя файла (включая путь к файлу).
Например: <IMG SRC=“C:\computer\comp.jpg”>
Если файл находится на удаленном сервере в Интернете, то должен быть указан URL-адрес этого файла.
Например: <IMG SRC=“http://www.server.ru/comp.jpg”>
Bonne chance!