Можно не задавать. width 131 — ширина картинки (в пикселях) height 84 — высота картинки (в пикселях) align left — расположение текста по отношению к картинке (right, top (вверху), middle (посередине), left


( Откроем текстовый редактор Блокнот.

13 EMBED MSPhotoEd.3 1415
Мой первый шаг Здравствуйте, это моя первая страница.
Добро пожаловать!

А теперь сохраним этот документ, присвоив ему имя, например index.html

Html не является языком программирования, он предназначен для разметки текстовых документов (т.е. для форматирования текста).



( Этот тэг должен открывать документ.
( - голова документа ( - тело документа (непосредственное содержание документа)
( - заголовок.<br />( <br> - принудительный перенос строки (перенос текста на другую строку, что-то вроде Enter.) <br> не требуют закрывающего тэга.<br /> <br />clear="all" (left, right) - завершение обтекания текстом объекта (картинки). <br /><br />Пример.<br /><IMG SRC="images/damir.gif" BORDER=0 HEIGHT=60 WIDTH=60 HSPACE=2 VSPACE=2 ALIGN=LEFT >     Галиахметов Дамир Мулланурович <BR clear="left"> директор Нижнекуюкской средней общеобразовательной школы.<BR><br /><br />(<br />Давайте окрасим слова Добро пожаловать! в красный цвет.<br /><br> <font color="#CC0000"> Добро пожаловать! </font> </body><br /><br /><br /><br />(<br />( Тэг <font></font> - многофункционален. Им может задаваться не только цвет текста в конкретной части документа, но и размер шрифта, и вид шрифта.<br /><br />(<br />Как задавать цвет текста в документе?<br /><body text="#336699"> Это значит, что весь текст страницы будет синим, кроме текста, для которого мы специально прописали <font></font> (если цвет в <body> не задавать, то по умолчанию он будет черным).<br /><body text="#336699"> Здравствуйте, это моя первая страница. <br> <br /><font color="#CC0000"> Добро пожаловать! </font> <br /></body><br /><br /><br /><br /><br /><br />(<br />Цвет фона устанавливается в уже нам знакомом тэге <body>: <body bgcolor="#000000"> (черный цвет)<br /><br /><br /><body text="#336699" bgcolor="#000000"> Здравствуйте, это моя первая страница. <br><br /><br /><br /><br />Обратите внимание: мы одновременно можем прописать в теге <body> и цвет текста в документе, и цвет фона.<br /><br />(<br />( Параграфы вводятся тэгом: <p></p> <br />( С помощью параграфов мы можем центрировать текст: <p align="center"> текст </p> ( С помощью параграфов мы можем выровнять текст по левому краю: <p align="left"> текст </p> ( Или по правому краю документа: <p align="right"> текст </p><br /><br /><html> <head> <title>Мой первый шаг

Здравствуйте, это моя первая страница.
Добро пожаловать!




Существует и четвертое значение:
(

текст

(он выравнивает текст по обоим краям документа)

(
Мы научимся выделять текст при помощи заголовков и узнаем еще одну функцию тэга .
( В HTML предусмотрено шесть уровней заголовков, которые задаются при помощи парных тегов от

до

. Заголовок первого уровня

- самый крупный, все остальные, соответственно, все мельче и мельче.

Пример.

Здравствуйте, это моя первая страница.



Заголовки предназначены для выделения небольшой части текста (строки, фразы), но, если вы хотите выделить большой фрагмент текста, или только одно слово, при этом без переноса строки, то как быть? С заголовками такое не пройдет, поэтому вспомним о тэге .

(
( Тэг - многофункционален. Им может задаваться не только цвет текста (COLOR) в конкретной части документа, но и размер шрифта (SIZE), и вид шрифта (FACE).
( Параметр SIZE задает размер шрифта в условных единицах (от 1 до 7).
Пример.
текст

( Атрибут FACE служит для задания гарнитуры шрифта текста. Названий гарнитур шрифтов можно указать несколько (через запятую). Если название шрифта состоит из нескольких слов, то его нужно заключить в кавычки.
Примеры.
( текст
( текст
( текст
( текст

(
Теперь настала пора поговорить о том как делается курсив, подчеркнутый текст, полужирный текст: ( Полужирный текст ( Наклонный текст (курсив) ( Подчеркнутый текст

К одному фрагменту текста может применяться сразу несколько тэгов:
Пример. текст

(
Как вставлять картинки в документ?

(

Пример.


Фото школы

Нижнекуюкская средняя общеобразовательная школа




(
- рисунок

( border="2" - рамка вокруг самой картинки (в пикселях). Можно не задавать.
( width="131" - ширина картинки (в пикселях)
( height="84" - высота картинки (в пикселях)
( align="left" - расположение текста по отношению к картинке (right, top (вверху), middle (посередине), left, bottom (внизу картинки))
( vspace="2" - расстояние от картинки до текста по вертикали
( hspace="2" - расстояние от картинки до текста по горизонтали
( alt="описание" - описание картинки
Параметр alt - краткое описание картинки. Если навести курсором мыши на рисунок, и так подержать его (курсор) несколько секунд выскочит описание картинки. Если параметр alt не задавать, описания не будет.

Если картинка лежит на другом сайте, то путь прописывается полностью:

Пример.

((
Картинку можно сделать фоном документа. Это прописывается в открывающем тэге body.

Примеры.
(
(

Параметр Background и указывает на то, где лежит фоновая картинка (наша фоновая картинка лежит в той же папке, что и документ). Но зачем оставлять параметр bgcolor, если есть background? А вдруг фоновая картинка не загрузится.

((
Палитра цветов

Название
Русское название
Код

aqua
бирюзовый
#00FFFF

black
черный
#000000

blue
синий
#00FFFF

fuchsia
лиловый
#FF00FF

gray
серый
#808080

green
зеленый
#008000

lime
светло-зеленый
#00FF00

maroon
малиновый
#800000

navy
темно-синий
#000080

olive
оливковый
#808000

purple
фиолетовый
#800080

red
красный
#FF0000

silver
серебристый
#C0C0C0

teal
сизый
#008080

white
белый
#FFFFFF

yellow
желтый
#FFFF00


Информатика HTML

13PAGE 15


13PAGE 14115 стр.
Нижнекуюкская СОШ, 2005/2006 учебный год.



Root Entry

Приложенные файлы

  • doc 6992562
    Размер файла: 68 kB Загрузок: 0

Добавить комментарий