Основы  HTML Составила: Ольга Гусева 2007 год
Структура  HTML -документа Начало документа Название документа Заглавие документа Тело документа Конец документа
Структура  HTML -документа <ul><li>Тип документа </li></ul><ul><li><HTML></HTML>   (начало и конец файла) </li></ul><ul><l...
Заголовок документа <ul><li>Тег  <HEAD>  предназначен для хранения других элементов, цель которых — помочь браузеру в рабо...
Тело документа <ul><li>Элемент  <BODY>  предназначен для хранения содержания веб-страницы (контента), отображаемого в окне...
Параметры  <BODY> <ul><li>Фоновая картинка </li></ul><ul><li><BODY BACKGROUND=&quot;URL&quot;> </li></ul><ul><li>  Цвет фо...
Параметры  <BODY> <ul><li>  Цвет ссылки </li></ul><ul><li><BODY LINK=&quot;#$$$$$$&quot;> </li></ul><ul><li>  Пройденная с...
Таблица основных цветов #7F7F00 #7F007F #FFFF00 #7F0000 #007F7F #FF00FF #00FF00 #FF0000 #007F00 #FFFFFF #00FFFF #CCCCCC #0...
Работа с текстом <ul><li>Заголовки абзацев </li></ul><ul><li>< H1></H1>  Заголовок абзаца первого уровня   </li></ul><ul><...
Работа с текстом <ul><li>Размер шрифта </li></ul><ul><li><FONT SIZE=?></FONT> (от 1 до 7) </li></ul><ul><li>  Цвет шрифта ...
Работа с текстом <ul><li>Жирный   <B></B> </li></ul><ul><li>  Курсив   <I></I> </li></ul><ul><li>  Подчеркнутый   <U></U> ...
Работа с текстом <ul><li>Списки </li></ul><ul><li><UL>     <LI>  Первый пункт списка     <LI>  Второй пункт списка     <LI...
Таблицы <ul><li>Определить таблицу </li></ul><ul><li><TABLE></TABLE> </li></ul><ul><li>  Окантовка таблицы </li></ul><ul><...
Таблицы <ul><li>С трока таблицы </li></ul><ul><li><TR></TR> </li></ul><ul><li>  Выравнивание </li></ul><ul><li><TR ALIGN= ...
Таблицы <ul><li>Цвет ячейки </li></ul><ul><li><TD BGCOLOR=&quot;#$$$$$$&quot;> </li></ul><ul><li>Заголовок таблицы </li></...
Графические объекты <ul><li>Графический объект </li></ul><ul><li><IMG SRC =&quot;URL графического файла&quot;>  </li></ul>...
Графические объекты <ul><li>Размеры </li></ul><ul><li><IMG SRC=&quot;URL&quot; WIDTH=? HEIGHT=?> </li></ul><ul><li>Окантов...
Графические объекты <ul><li>Объект (видео) </li></ul><ul><li><EMBED SRC=&quot;URL&quot;> </li></ul>
Гиперссылки <ul><li>Ссылка </li></ul><ul><li><A HREF=&quot;URL&quot;></A> </li></ul><ul><li>На другое окно </li></ul><ul><...
Гиперссылки   ( связь  HTML  документов) Папка 1 Документ 1 Документ 2 Папка 2 Документ 3 Документ 4 Папка 3 Документ 5 До...
Дополнительные материалы <ul><li>СПРАВОЧНИК ПО  HTML </li></ul><ul><li>HTMLBOOK.RU </li></ul><ul><li>Учебник  html </li></ul>
Upcoming SlideShare
Loading in …5
×

Html

1,172 views

Published on

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,172
On SlideShare
0
From Embeds
0
Number of Embeds
23
Actions
Shares
0
Downloads
23
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Html

  1. 1. Основы HTML Составила: Ольга Гусева 2007 год
  2. 2. Структура HTML -документа Начало документа Название документа Заглавие документа Тело документа Конец документа
  3. 3. Структура HTML -документа <ul><li>Тип документа </li></ul><ul><li><HTML></HTML> (начало и конец файла) </li></ul><ul><li>Имя документа </li></ul><ul><li><TITLE></TITLE> (должно быть в заголовке) </li></ul><ul><li>Заголовок </li></ul><ul><li><HEAD></HEAD> (описание документа, например его имя) </li></ul><ul><li>Тело </li></ul><ul><li><BODY></BODY> (содержимое страницы) </li></ul>
  4. 4. Заголовок документа <ul><li>Тег <HEAD> предназначен для хранения других элементов, цель которых — помочь браузеру в работе с данными. </li></ul><ul><li><HEAD> <meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset= windows-1251/ </li></ul><ul><li>windows-1250 &quot;> </li></ul><ul><li><title> Моя первая страничка </title> </li></ul><ul><li></HEAD> </li></ul>
  5. 5. Тело документа <ul><li>Элемент <BODY> предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера. </li></ul>
  6. 6. Параметры <BODY> <ul><li>Фоновая картинка </li></ul><ul><li><BODY BACKGROUND=&quot;URL&quot;> </li></ul><ul><li>  Цвет фона </li></ul><ul><li><BODY BGCOLOR=&quot;#$$$$$$&quot;> </li></ul><ul><li>(порядок: красный/зеленый/синий) </li></ul><ul><li>  Цвет текста </li></ul><ul><li><BODY TEXT=&quot;#$$$$$$&quot;> </li></ul>
  7. 7. Параметры <BODY> <ul><li>  Цвет ссылки </li></ul><ul><li><BODY LINK=&quot;#$$$$$$&quot;> </li></ul><ul><li>  Пройденная ссылка </li></ul><ul><li><BODY VLINK=&quot;#$$$$$$&quot;> </li></ul><ul><li>  Активная ссылка </li></ul><ul><li><BODY ALINK=&quot;#$$$$$$&quot;> </li></ul>
  8. 8. Таблица основных цветов #7F7F00 #7F007F #FFFF00 #7F0000 #007F7F #FF00FF #00FF00 #FF0000 #007F00 #FFFFFF #00FFFF #CCCCCC #0000FF #666666 #00007F #000000
  9. 9. Работа с текстом <ul><li>Заголовки абзацев </li></ul><ul><li>< H1></H1> Заголовок абзаца первого уровня </li></ul><ul><li>< H 6 ></H 6 > Заголовок абзаца шесто го уровня </li></ul><ul><li>Абзац </li></ul><ul><li><P ></ P > </li></ul><ul><li>< P ALIGN=left|center|right> - выравнивание </li></ul><ul><li>Перевод строки без конца абзаца </li></ul><ul><li><BR > </li></ul><ul><li>Выравнивание </li></ul><ul><li><DIV ALIGN=left|center|right ></DIV> </li></ul>
  10. 10. Работа с текстом <ul><li>Размер шрифта </li></ul><ul><li><FONT SIZE=?></FONT> (от 1 до 7) </li></ul><ul><li>  Цвет шрифта </li></ul><ul><li><FONT COLOR=&quot;#$$$$$$&quot;></FONT> </li></ul><ul><li>  Выбор шрифта </li></ul><ul><li><FONT FACE=&quot;***&quot;></FONT> </li></ul>
  11. 11. Работа с текстом <ul><li>Жирный <B></B> </li></ul><ul><li>  Курсив <I></I> </li></ul><ul><li>  Подчеркнутый <U></U> </li></ul><ul><li>Перечеркнутый <STRIKE></STRIKE> </li></ul><ul><li>Перечеркнутый <S></S> </li></ul><ul><li>Верхний индекс <SUB></SUB> </li></ul><ul><li>  Нижний индекс <SUP></SUP> </li></ul><ul><li>Мигающий <BLINK></BLINK> </li></ul>
  12. 12. Работа с текстом <ul><li>Списки </li></ul><ul><li><UL>     <LI> Первый пункт списка     <LI> Второй пункт списка     <LI> Третий пункт списка </UL> </li></ul>
  13. 13. Таблицы <ul><li>Определить таблицу </li></ul><ul><li><TABLE></TABLE> </li></ul><ul><li>  Окантовка таблицы </li></ul><ul><li><table border=?></TABLE> </li></ul><ul><li>  Расстояние между ячейками </li></ul><ul><li><TABLE CELLSPACING=?> </li></ul><ul><li>  Дополнение ячеек </li></ul><ul><li><TABLE CELLPADDING=?> </li></ul><ul><li>  Желаемая ширина </li></ul><ul><li><TABLE WIDTH=?> </li></ul>
  14. 14. Таблицы <ul><li>С трока таблицы </li></ul><ul><li><TR></TR> </li></ul><ul><li>  Выравнивание </li></ul><ul><li><TR ALIGN= left | right |center|middle|bottom> </li></ul><ul><li>  Ячейка таблицы </li></ul><ul><li><TD></TD> (должна быть внутри строки) </li></ul><ul><li>Выравнивание </li></ul><ul><li><TD ALIGN=left|right| center|middle|bottom> </li></ul>
  15. 15. Таблицы <ul><li>Цвет ячейки </li></ul><ul><li><TD BGCOLOR=&quot;#$$$$$$&quot;> </li></ul><ul><li>Заголовок таблицы </li></ul><ul><li><TH></TH>  </li></ul><ul><li>Выравнивание </li></ul><ul><li><TH ALIGN=left|right| center|middle|bottom> </li></ul><ul><li>Цвет ячейки </li></ul><ul><li><TH BGCOLOR=&quot;#$$$$$$&quot;> </li></ul><ul><li>  Заглавие таблицы </li></ul><ul><li><CAPTION></CAPTION> </li></ul><ul><li>  Выравнивание </li></ul><ul><li><CAPTION ALIGN=TOP|BOTTOM> </li></ul>
  16. 16. Графические объекты <ul><li>Графический объект </li></ul><ul><li><IMG SRC =&quot;URL графического файла&quot;> </li></ul><ul><li>или </li></ul><ul><li><IMG SRC =&quot;путь / имя файла&quot;> </li></ul><ul><li>Выравнивание </li></ul><ul><li><IMG SRC=&quot;URL&quot; ALIGN= top | bottom | middle | left | right > </li></ul>
  17. 17. Графические объекты <ul><li>Размеры </li></ul><ul><li><IMG SRC=&quot;URL&quot; WIDTH=? HEIGHT=?> </li></ul><ul><li>Окантовка </li></ul><ul><li><IMG SRC=&quot;URL&quot; BORDER=?> </li></ul><ul><li>Отступ </li></ul><ul><li><IMG SRC=&quot;URL&quot; HSPACE=? VSPACE=?> </li></ul><ul><li>Подпись картинки </li></ul><ul><li><IMG SRC=&quot;URL&quot; ALT=&quot; текст &quot;> </li></ul>
  18. 18. Графические объекты <ul><li>Объект (видео) </li></ul><ul><li><EMBED SRC=&quot;URL&quot;> </li></ul>
  19. 19. Гиперссылки <ul><li>Ссылка </li></ul><ul><li><A HREF=&quot;URL&quot;></A> </li></ul><ul><li>На другое окно </li></ul><ul><li><A HREF=&quot;URL&quot; TARGET=&quot;***| |_blank|_self|_parent|_top&quot;></A> </li></ul>
  20. 20. Гиперссылки ( связь HTML документов) Папка 1 Документ 1 Документ 2 Папка 2 Документ 3 Документ 4 Папка 3 Документ 5 Документ 6
  21. 21. Дополнительные материалы <ul><li>СПРАВОЧНИК ПО HTML </li></ul><ul><li>HTMLBOOK.RU </li></ul><ul><li>Учебник html </li></ul>

×