Разделы презентаций


Язык разметки гипертекстовых документов HTML 8 класс

Содержание

ВведениеКаждый день всемирная паутина поглощает нас все больше и больше. Количество сайтов так же неуклонно растет. Для того, чтобы создать свой сайт необходимо знать язык HTML.

Слайды и текст этой презентации

Слайд 1«Язык разметки гипертекстовых документов HTML »

«Язык разметки гипертекстовых документов HTML »

Слайд 2Введение
Каждый день всемирная паутина поглощает нас все больше и больше.

Количество сайтов так же неуклонно растет. Для того, чтобы создать

свой сайт необходимо знать язык HTML.
ВведениеКаждый день всемирная паутина поглощает нас все больше и больше. Количество сайтов так же неуклонно растет. Для

Слайд 3HTML-документ – это обычный текстовый документ, содержащий специальные разметочные указатели

(тэги).
HTML-файл имеет расширение .htm или .html

HTML-документ –  это обычный текстовый  документ, содержащий  специальные разметочные указатели (тэги).HTML-файл имеет расширение

Слайд 4Что означают эти буквы?(HTML)
Hyper Text Markup Language
Язык гипертекстовой разметки.

Что означают эти буквы?(HTML)Hyper Text Markup LanguageЯзык гипертекстовой разметки.

Слайд 5 Общее представление

Язык HTML был разработан британским учёным 
Тимом Бернерсом –Ли. 
Приблизительно в 1989—1991 годах.

 

HTML создавался как язык для обмена научной и технической документацией, 


Общее представление Язык HTML был разработан британским учёным Тимом Бернерсом –Ли. Приблизительно в 1989—1991 годах.  HTML создавался как язык для

Слайд 6Для чего нужна разметка в HTML ?
Именно язык гипертекстовой разметки

HTML, ответственен за появление многих чудесных WEB-страничек, WEB-сайтов, наполненных текстами,

картинками, звуками, анимацией, видеоклипами, ссылками…

Именно он определяет:
Содержание.
Внешний вид,
Направленность странички.

Для чего нужна разметка в HTML ?Именно язык гипертекстовой разметки HTML, ответственен за появление многих чудесных WEB-страничек,

Слайд 7Как создать

?
Для создания HTML документов используют текстовые редакторы (например

Блокнот), текстовые процессоры (Word), редакторы тегов HTML и визуальные HTML-редакторы. Придерживаясь определённого стандарта и записав в текстовом файле HTML код, сохранив на жёстком диске и изменив расширение на .html или .htm вы получите полноценную web страничку.

Как создать           ?Для создания HTML документов используют

Слайд 8В каких средах работаем?
Чтобы написать HTML- код необходимо открыть приложение

Блокнот (текстовый редактор)
Сохранить HTML- код так, чтобы страницу

можно было просмотреть в Web-браузере:
Файл, Сохранить как (появится диалоговое окно)
Где? В вашей папке сайта My Site
Имя файла? «index.html» Сохранить
В каких средах работаем?Чтобы написать HTML- код необходимо открыть приложение Блокнот (текстовый редактор)  Сохранить HTML- код

Слайд 9Что такое тэги?
Тэг –инструкция браузеру(программа, которая предназначена для просмотра веб-страниц),

указывающая способ отображения текста., (специальное слово), написанное на английском языке,

заключенное в угловые скобки.

Например: ,




Что такое тэги?Тэг –инструкция браузеру(программа, которая  предназначена для просмотра веб-страниц), указывающая способ отображения текста., (специальное слово), написанное

Слайд 10ТЭГ
одиночный
парный
(контейнер)
открывающий < >
закрывающий

ТЭГодиночныйпарный(контейнер)открывающий < >закрывающий

Слайд 11Тэг всегда заключен в специальные символы < > Например:

ПРАВИЛА ЗАПИСИ

ТЭГОВ

Тэг всегда заключен в специальные символы < >  Например: ПРАВИЛА ЗАПИСИ ТЭГОВ

Слайд 12Основные тэги
пример

Основные тэгипример

Слайд 13Структура документа
Структура простейшего HTML документа выглядит следующим образом:


Заголовок страницы




Структура документаСтруктура простейшего HTML документа выглядит следующим образом: Заголовок страницы

Слайд 14Заголовочная часть


HTML

Информатика

Заголовочная частьHTMLИнформатика

Слайд 15HTML
Текст заключенный между тэгами Информатика, отобразился в строке Имени документа

HTMLТекст заключенный между тэгами Информатика, отобразился в строке Имени документа

Слайд 16Основная часть

Мы приветствуем Вас!

тэги заголовка первого

уровня на

Web – странице,
в основной части страницы.

HTML

Основная частьМы приветствуем Вас!    тэги заголовка первого уровня на

Слайд 17Вот результат сохраненной Web – странички и просмотренной в браузере
HTML

Вот результат сохраненной Web – странички и просмотренной в браузереHTML

Слайд 18ПРИМЕР HTML-ДОКУМЕНТА


Моя первая Интернет-страничка!


Это моя первая

проба сил в Web-дизайне.
Может быть, страничка пока еще получилась


не очень красивой, но ведь она работает!!!


ПРИМЕР HTML-ДОКУМЕНТА			 Моя первая Интернет-страничка! 	 		Это моя первая проба сил в Web-дизайне. 	Может быть, страничка пока

Слайд 19Практическая часть
Создайте свою страничку по примеру приведённому ниже

Практическая частьСоздайте свою страничку по примеру приведённому ниже

Слайд 20 Редактирование текста

Добавление параграфа «выравниваня»
Пример: «по правому краю», «по левому краю»,

«по центру»
для того чтобы на странице сайта разбить текст на

параграфы, необходимо воспользоваться тегом 

 .

Привет мир!!!

по центру:

Привет мир!!!

по левому краю:

Привет мир!!!

по правому краю

По обоим краям документа :

Привет мир!!! - здесь нужен текст подлиней чтобы эффект был хорошо виден при открытии документа




Редактирование текста Добавление параграфа «выравниваня»Пример: «по правому краю», «по левому краю», «по центру»для того чтобы на

Слайд 21Вот что должно получиться
Мой первый сайт Привет мир!!!

align="justify">  Меня зовут Карлсон! Я в меру упитанный мужчина - это

моя первая страничка! Здесь я хочу найти себе новых друзей, для того чтобы вместе гулять по крышам! Я очень очень сильно люблю вареньё!!! С нетерпеньем буду ждать Вашего приглашения на чай. Прилечу!! 


Вот что должно получиться   Мой первый сайт    Привет мир!!!    Меня

Слайд 22Меняем размер «заголовка»
 В наборе тегов html языка имеется

шесть типов заголовков:
Привет мир!!!
Привет мир!!!
Привет

мир!!!

Привет мир!!!


Привет мир!!!

Привет мир!!!



Меняем размер «заголовка»  В наборе тегов html языка имеется шесть типов заголовков: Привет мир!!! Привет мир!!! Привет

Слайд 23 Тег  помимо прочих атрибутов, о которых ещё пойдет речь, имеет атрибут size -

размер. ишется и выглядит это так: Привет мир!!! Привет мир!!! Привет

мир!!! Привет мир!!!  Привет мир!!!

Меняем размер «шрифта»

Тег  помимо прочих атрибутов, о которых ещё пойдет речь, имеет атрибут size - размер. ишется и выглядит это

Слайд 24Вот что должно получиться
Мой первый сайт Привет мир!!!
Меня

зовут Карлсон! Я в меру упитанный мужчина - это моя

первая страничка! Здесь я хочу найти себе новых друзей, для того чтобы вместе гулять по крышам! Я очень очень сильно люблю вареньё!!! С нетерпеньем буду ждать Вашего приглашения на чай. Прилечу!!


Вот что должно получиться   Мой первый сайт   Привет мир!!!   Меня зовут

Слайд 25Спасибо за внимание!!!

Спасибо за внимание!!!

Обратная связь

Если не удалось найти и скачать доклад-презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое TheSlide.ru?

Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно  хранить и делиться своими презентациями с другими пользователями.


Для правообладателей

Яндекс.Метрика