SlideShare a Scribd company logo
НTML- основыОСНОВЫ   HTML
Все мы уже знаем, как смотреть htmlкод страницы
HTML-самый простой язык.
ТЭГИТэги- это метки, которые вы используете для указания браузеру, как он должен показывать ваш web-сайт.Все тэги имеют одинаковый формат: они начинаются и заканчиваются угловыми скобками. посмотрите на html код для сайта.Он похож на человека.
тег <html> указывает, что начинается html документ. Его закрывающий тег </html> указывает,что html документ завершен. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" <head> <head> - голова<body><body> - тело. </HTML>
В чем пишется HTML-код?Работать с HTML кодом удобнее в Notepad++ , а можноНапример, в стандартном блокноте  Windows                                (Пуск>Программы>Стандартные>Блокнот)
Создадим документ HTML. Для этого сохраним безымянный документ в Рабочую папку, присвоив ему имя index.html(Файл>Сохранить как…).
Помещаем в блокнот вот такой текст:<html><head><title>1-ая страничка</title></head><body>Привет!<br>Это моя первая страничка.</body></html>
Сохраняем файл index.htmlна диск.Блокнот оставляем открытым
Далее, идем в Мой компьютер и открываем правой кнопкой мыши файл index.html с помощью браузера
нтмл   код
Нужно ли знать теги  и для чего?Без знания тегов Вы не построите сайт, не сможете корректировать блог И у Вас будут постоянные проблемы с форматированием любого текста,Связанного с размещением в интернете. А так же они необходимы для удобства внутренней оптимизации.
Список  основных тегов:
нтмл   код
нтмл   код
Пример форматирования текстаЦветЦвет фона задается в теле документа, тег <body>: <bodybgcolor="#EAEAEA>Выражение для цвета можно брать, например, изпрограммы фотошоп:
В теге <body> можно задать и цвет для всего текста на странице, например: text=#0000FF. <body bgcolor=#FFFF00 text=#0000FF>Для изменения свойств текста (или фрагмента текста) используются атрибуты тега <font>Так, цвет текста задается атрибутом color:<font color = #FF0000>Строка красного цвета</font>
Вставка  изображения
Создаем на рабочем столе папку, заносим туда  свой документ index.htmlСоздаем там еще одну папку и называем  images (картинки) сохраняем там нужные нам картинки
нтмл   код
нтмл   код
нтмл   код
нтмл   код
Желаю Вам Удачи!http://rich-lady.com

More Related Content

PPTX
2. HTML – язык разметки гипертекста
PPT
основы Html
PPTX
Тема 1. Введение в HTML
PPT
Html 1 Урок
PPT
PPT
языка Html
PPTX
Основы языка HTML для интернет-журналистов
2. HTML – язык разметки гипертекста
основы Html
Тема 1. Введение в HTML
Html 1 Урок
языка Html
Основы языка HTML для интернет-журналистов

What's hot (7)

PPS
основы языка Html
DOC
урок 2.2
PPTX
Структура html документа
PPT
Html
PPT
к мастер классу
основы языка Html
урок 2.2
Структура html документа
Html
к мастер классу
Ad

Viewers also liked (8)

PPT
профорієнтація житлово-комунальний коледж
PDF
Оценка первого впечатления от дизайна - Вячеслав Иванов, UXRussia'14
PPT
основы нтмл
PPS
08.10.2012 шно лингвисты
PPTX
Художественно-эстетическая секция
PPSX
ноу шанс
PPS
Cоциально правовая секция
PPS
08.10.12 естественные науки (секция)
профорієнтація житлово-комунальний коледж
Оценка первого впечатления от дизайна - Вячеслав Иванов, UXRussia'14
основы нтмл
08.10.2012 шно лингвисты
Художественно-эстетическая секция
ноу шанс
Cоциально правовая секция
08.10.12 естественные науки (секция)
Ad

Similar to нтмл код (20)

PDF
Php intro rus
PPT
презентация111
PPT
презентация
PDF
lesson3_HTML_rus.pdf
PPT
WEB
PPT
167 web-__П1
PPT
советы по коду Html
PPTX
Pavel Rumantsev - Html5
PPT
лекц12
DOCX
пр 12.docx
PPT
Html V.1.1
PPT
Zen Coding
PPT
Основные теги HTML
PPT
Верстка_Лекция_1
PPT
Верстка_Лекция_1
PPT
Верстка_Лекция1
PPT
Поисковая оптимизация сайта: с чего начать
PDF
Наполнение сайта. Руководство
PDF
Основы языка HTML
PPT
урок2
Php intro rus
презентация111
презентация
lesson3_HTML_rus.pdf
WEB
167 web-__П1
советы по коду Html
Pavel Rumantsev - Html5
лекц12
пр 12.docx
Html V.1.1
Zen Coding
Основные теги HTML
Верстка_Лекция_1
Верстка_Лекция_1
Верстка_Лекция1
Поисковая оптимизация сайта: с чего начать
Наполнение сайта. Руководство
Основы языка HTML
урок2

More from Ekaterina-Melchugova (14)

PDF
изучаем клавиатуру
PDF
Microsoft office power point урок
PDF
артистер часть2a
PPTX
артистер часть 3
PPTX
артистер часть2
PPTX
артистер часть 1
PPTX
установка программы скарабей M
PPTX
Study keyboard
PPTX
Microsoft office power point урок
PPTX
создание карты блога
PPTX
презентация джино Power point
PPTX
артистер
PPTX
аудасити виды проигрывателей
PPTX
презентация джино Power point
изучаем клавиатуру
Microsoft office power point урок
артистер часть2a
артистер часть 3
артистер часть2
артистер часть 1
установка программы скарабей M
Study keyboard
Microsoft office power point урок
создание карты блога
презентация джино Power point
артистер
аудасити виды проигрывателей
презентация джино Power point

нтмл код

  • 2. Все мы уже знаем, как смотреть htmlкод страницы
  • 4. ТЭГИТэги- это метки, которые вы используете для указания браузеру, как он должен показывать ваш web-сайт.Все тэги имеют одинаковый формат: они начинаются и заканчиваются угловыми скобками. посмотрите на html код для сайта.Он похож на человека.
  • 5. тег <html> указывает, что начинается html документ. Его закрывающий тег </html> указывает,что html документ завершен. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" <head> <head> - голова<body><body> - тело. </HTML>
  • 6. В чем пишется HTML-код?Работать с HTML кодом удобнее в Notepad++ , а можноНапример, в стандартном блокноте Windows (Пуск>Программы>Стандартные>Блокнот)
  • 7. Создадим документ HTML. Для этого сохраним безымянный документ в Рабочую папку, присвоив ему имя index.html(Файл>Сохранить как…).
  • 8. Помещаем в блокнот вот такой текст:<html><head><title>1-ая страничка</title></head><body>Привет!<br>Это моя первая страничка.</body></html>
  • 9. Сохраняем файл index.htmlна диск.Блокнот оставляем открытым
  • 10. Далее, идем в Мой компьютер и открываем правой кнопкой мыши файл index.html с помощью браузера
  • 12. Нужно ли знать теги и для чего?Без знания тегов Вы не построите сайт, не сможете корректировать блог И у Вас будут постоянные проблемы с форматированием любого текста,Связанного с размещением в интернете. А так же они необходимы для удобства внутренней оптимизации.
  • 16. Пример форматирования текстаЦветЦвет фона задается в теле документа, тег <body>: <bodybgcolor="#EAEAEA>Выражение для цвета можно брать, например, изпрограммы фотошоп:
  • 17. В теге <body> можно задать и цвет для всего текста на странице, например: text=#0000FF. <body bgcolor=#FFFF00 text=#0000FF>Для изменения свойств текста (или фрагмента текста) используются атрибуты тега <font>Так, цвет текста задается атрибутом color:<font color = #FF0000>Строка красного цвета</font>
  • 19. Создаем на рабочем столе папку, заносим туда свой документ index.htmlСоздаем там еще одну папку и называем images (картинки) сохраняем там нужные нам картинки