Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Свидетельство о публикации

Автоматическая выдача свидетельства о публикации в официальном СМИ сразу после добавления материала на сайт - Бесплатно

Добавить свой материал

За каждый опубликованный материал Вы получите бесплатное свидетельство о публикации от проекта «Инфоурок»

(Свидетельство о регистрации СМИ: Эл №ФС77-60625 от 20.01.2015)

Инфоурок / Информатика / Презентации / Разработка Web-сайтов с использованием языка разметки HTML
ВНИМАНИЮ ВСЕХ УЧИТЕЛЕЙ: согласно Федеральному закону № 313-ФЗ все педагоги должны пройти обучение навыкам оказания первой помощи.

Дистанционный курс "Оказание первой помощи детям и взрослым" от проекта "Инфоурок" даёт Вам возможность привести свои знания в соответствие с требованиями закона и получить удостоверение о повышении квалификации установленного образца (180 часов). Начало обучения новой группы: 28 июня.

Подать заявку на курс
  • Информатика

Разработка Web-сайтов с использованием языка разметки HTML

библиотека
материалов
Разработка Web-сайтов с использованием языка разметки HTML.
Для создания Web-страниц используют язык разметки гипертекста HTML (Hyper Tex...
Команды HTML задаются с помощью специальных элементов – тегов, которые заключ...
Структура программы на языке HTML:  	 		 Заголовок документа  	  	 	 … Тело д...
… - первый тег, который должен 				находиться в любом HTML 				документе. … -...
… - тег абзаца … - тег заголовка 	H1 – самый большой размер шрифта 	H6 – самы...
Атрибуты Выравнивание текста: align=“center”- по центру align=“right” – по пр...
 Выделение фрагментов текста: … - полужирный … - курсив … - подчеркнутый
Атрибуты Атрибуты шрифта: Color=“#...” – изменяет цвет шрифта, вместо точек –...
На Web-страницах могут реализоваться файлы трех форматов: GIF, JPG, PNG.  - т...
ALIGN – атрибут расположения рисунка 	относительно текста. TOP - верх MIDDLE...
Гиперссылки указатель
-цвет текста -цвет фона -фоновая картинка … -бегущая строка Height=“16”-высот...
13 1

Подайте заявку сейчас на любой интересующий Вас курс переподготовки, чтобы получить диплом со скидкой 50% уже осенью 2017 года.


Выберите специальность, которую Вы хотите получить:

Обучение проходит дистанционно на сайте проекта "Инфоурок".
По итогам обучения слушателям выдаются печатные дипломы установленного образца.

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ

Описание презентации по отдельным слайдам:

№ слайда 1 Разработка Web-сайтов с использованием языка разметки HTML.
Описание слайда:

Разработка Web-сайтов с использованием языка разметки HTML.

№ слайда 2 Для создания Web-страниц используют язык разметки гипертекста HTML (Hyper Tex
Описание слайда:

Для создания Web-страниц используют язык разметки гипертекста HTML (Hyper Text Markup Language), созданный Тимом Бернерсом в 1989 году. Код страницы набирается в любом текстовом редакторе (например, Блокнот) и оформляется с помощью команд языка HTML. Тестируются HTML-файлы с помощью любого браузера. Формат Web-страниц: *.htm или *.html.

№ слайда 3 Команды HTML задаются с помощью специальных элементов – тегов, которые заключ
Описание слайда:

Команды HTML задаются с помощью специальных элементов – тегов, которые заключаются в угловые скобки. Типы тегов: Непарные, например, <BR> - тег перевода строки. Парные, <B> класс </B> - выделение слова «класс» полужирным шрифтом. Признаком окончания действия парного тега является слэш /.

№ слайда 4 Структура программы на языке HTML:  	 		 Заголовок документа  	  	 	 … Тело д
Описание слайда:

Структура программы на языке HTML: <html> <head> <title> Заголовок документа </title> </head> <body> … Тело документа </body> </html> Программа

№ слайда 5 … - первый тег, который должен 				находиться в любом HTML 				документе. … -
Описание слайда:

<html>…</html> - первый тег, который должен находиться в любом HTML документе. <head>…</head> - определяет заголовок страницы, содержит справочную информацию. <title>… </title> - определяет название страницы, которое будет выведено в строке заголовка браузера. <body>… </body> - определяет содержимое страницы, выводимое на экран.

№ слайда 6 … - тег абзаца … - тег заголовка 	H1 – самый большой размер шрифта 	H6 – самы
Описание слайда:

<P>…</P> - тег абзаца <H…>…</H…> - тег заголовка H1 – самый большой размер шрифта H6 – самый маленький размер <HR> - тег проведения горизонтальной линии. <FONT>…</FONT> - тег задания шрифта. <UL>…</UL> тег неупорядоченного списка. <LI> - элементы списка.

№ слайда 7 Атрибуты Выравнивание текста: align=“center”- по центру align=“right” – по пр
Описание слайда:

Атрибуты Выравнивание текста: align=“center”- по центру align=“right” – по правому краю align=“left”- по левому краю

№ слайда 8  Выделение фрагментов текста: … - полужирный … - курсив … - подчеркнутый
Описание слайда:

Выделение фрагментов текста: <b>…</b> - полужирный <i>…</i> - курсив <u>…</u> - подчеркнутый

№ слайда 9 Атрибуты Атрибуты шрифта: Color=“#...” – изменяет цвет шрифта, вместо точек –
Описание слайда:

Атрибуты Атрибуты шрифта: Color=“#...” – изменяет цвет шрифта, вместо точек – название цвета на английском языке или шестнадцатеричный код. Face=“Arial” – изменяет название шрифта.

№ слайда 10 На Web-страницах могут реализоваться файлы трех форматов: GIF, JPG, PNG.  - т
Описание слайда:

На Web-страницах могут реализоваться файлы трех форматов: GIF, JPG, PNG. <IMG> - тег графических изображений. SRC – атрибут, указывающий на место хранения графического файла. <IMG SRC=“computer. gif”> ALT – атрибут пояснительного текста. <IMG SRC=“computer. gif” ALT=“компьютер”>

№ слайда 11 ALIGN – атрибут расположения рисунка 	относительно текста. TOP - верх MIDDLE
Описание слайда:

ALIGN – атрибут расположения рисунка относительно текста. TOP - верх MIDDLE - середина BOTTOM - низ LEFT - слева RIGT – справа <IMG SRC=“computer. gif” ALT=“компьютер” ALIGN= “right”>

№ слайда 12 Гиперссылки указатель
Описание слайда:

Гиперссылки <A HREF=“адрес”>указатель</A>

№ слайда 13 -цвет текста -цвет фона -фоновая картинка … -бегущая строка Height=“16”-высот
Описание слайда:

<body text=“#000000”>-цвет текста <body bgcolor=“#000000”>-цвет фона <body background=File.gif>-фоновая картинка <marquee>… </marquee>-бегущая строка Height=“16”-высота строки Width=“250”-ширина строки Vspase=“10”-вертикальное расстояние от бегущей строки до текста Hspase=“20”-горизонтальное расстояние от бегущей строки до текста Loop=“2”-повтор движений строки Direction=“left”-направление движения Behavior=“scroll”-повтор движений строки Scrollamount=“1”- скорость движения(от 1 до 10)


Подайте заявку сейчас на любой интересующий Вас курс переподготовки, чтобы получить диплом со скидкой 50% уже осенью 2017 года.


Выберите специальность, которую Вы хотите получить:

Обучение проходит дистанционно на сайте проекта "Инфоурок".
По итогам обучения слушателям выдаются печатные дипломы установленного образца.

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ

Автор
Дата добавления 07.02.2016
Раздел Информатика
Подраздел Презентации
Просмотров173
Номер материала ДВ-425524
Получить свидетельство о публикации
Похожие материалы

Включите уведомления прямо сейчас и мы сразу сообщим Вам о важных новостях. Не волнуйтесь, мы будем отправлять только самое главное.
Специальное предложение
Вверх