Uploaded on

 

More in: Technology , Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
884
On Slideshare
0
From Embeds
0
Number of Embeds
2

Actions

Shares
Downloads
21
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

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