2. HTML – язык разметки гипертекста

2,647 views
2,594 views

Published on

Основы HTML. Структура документа, теги.
Абзацы, заголовки, списки. Выделение полужирным и курсивом в HTML.
Атрибуты тегов.

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

  • Be the first to like this

No Downloads
Views
Total views
2,647
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
19
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

2. HTML – язык разметки гипертекста

  1. 1. HTML – язык разметки гипертекста<br />Теория и практика<br />
  2. 2. <html><br /><head><br /><title> Моя первая страничка</title><br /></head><br /><body><br />Я - великий ВЕБ дизайнер. Да – я таков! <br /></body><br /></html><br />Тип файла. Теги<br />Текстовый файлprimer.html<br />ТЭГ<br />ТЕКСТ<br />
  3. 3. <head> - Служебная чаcть (для браузера)<br /><html><br /><head><br /><title> Моя первая страничка</title><br /></head><br /><body><br />Я - великий ВЕБ дизайнер. Да – я таков! <br /></body><br /></html><br />Структура HTML документа<br /><body> - тело документа (страница)<br />
  4. 4. Инструменты для работы<br />Notepad++ <br />Блокнот - Windows<br />
  5. 5. Adobe Dreamweaver<br />
  6. 6. <html><br /><head><br /><title> Моя первая страничка</title><br /></head><br /><body><br />Я - великий ВЕБ дизайнер! <br /></body><br /></html><br />Сохранить в файл «proba.html»<br />Практика<br />
  7. 7. Просмотреть в браузере<br />
  8. 8. Абзацы<br />……….<br /></head><br /><body><br /><p> Обо мне</p><br /><p> Я - великий ВЕБ дизайнер!</p><br /></body><br /></html><br />
  9. 9. Заголовки<br />……….<br /></head><br /><body><br /><h1> Обо мне</h1><br /><p> Я - великий ВЕБ дизайнер!</p><br /></body><br /></html><br />
  10. 10. Форматирование текста<br />курсив и полужирный текст<br />……….<br /></head><br /><body><br /><h1> Обо мне</h1><br /><p> Я - <strong>великий</strong>ВЕБ <em> дизайнер</em>! </p><br /></body><br />…<br />
  11. 11. Вложенность тегов<br />….<br /><body><br /><h1> Обо мне</h1><br /><p>Я - <strong><em>великий</em></strong>ВЕБ дизайнер! </p><br /></body><br />…..<br />Пересечение!<br /><strong><em>великий</strong></em><br />
  12. 12. Списки<br />Маркированный (неупорядоченный)<br /><ul><br /><li>кушать</li><br /><li>спать</li><br /><li>кодировать в HTML</li><br /></ul><br /><ul><li>Нумерованный </li></ul><ol><br /><li>сделатьзарядку</li><br /><li>почистить зубы</li><br /><li>сделать Д.З.</li><br /></ol><br />
  13. 13. Атрибуты тегов<br /><body bgcolor="lime"><br />Атрибут<br />Значение<br />Продолжение следует…<br />

×