HTML
<<  Структура HTML-документа Основы языка HTML  >>
Простейшая web-страница
Простейшая web-страница
Простейшая web-страница
Простейшая web-страница
Язык HTML
Язык HTML
Язык HTML
Язык HTML
Картинки из презентации «Язык сайта HTML» к уроку информатики на тему «HTML»

Автор: kp. Чтобы познакомиться с картинкой полного размера, нажмите на её эскиз. Чтобы можно было использовать все картинки для урока информатики, скачайте бесплатно презентацию «Язык сайта HTML.ppt» со всеми картинками в zip-архиве размером 147 КБ.

Язык сайта HTML

содержание презентации «Язык сайта HTML.ppt»
Сл Текст Сл Текст
1Web-дизайн и язык HTML. § 1. Что такое 7Моя первая Web-страница </HEAD>
язык HTML. Основные понятия: гиперссылка, </TITLE> <BODY> <H1>
гипертекст, гипермедиа-документ, WWW, Заголовок страницы </H1> <P>
web-страница, браузер, язык HTML. Основной текст. </P> </BODY>
2Основные понятия. Гиперссылка – </HTML> 7.
«активная» ссылка на другой документ. 8Найдите ошибки в HTML коде.
Гипертекст – текст, содержащий <HTML> <HEAD> <TITLE>
гиперссылки. Гипермедиа-документ – Моя первая Web-страница </TITLE>
документ, включающий текст, рисунки, </HEAD> <BODY> <H1>
звуки, видео, в котором любой элемент Заголовок страницы <H1> <P>
может быть гиперссылкой. Гиперссылка – Основной текст. </P> </BODY>
«активная» ссылка на другой документ. </HTML> 8.
Гипертекст – текст, содержащий 9Найдите ошибки в HTML коде.
гиперссылки. Гипермедиа-документ – <HTML> <HEAD> <TITLE>
документ, включающий текст, рисунки, Моя первая Web-страница </TITLE>
звуки, видео, в котором любой элемент </HEAD> <BODY> <H1>
может быть гиперссылкой. 2. Заголовок страницы <P> </H1>
3Основные понятия. WWW (World Wide Web) Основной текст. </P> </BODY>
– «всемирная паутина», служба Интернет для </HTML> 9.
обмена информацией в виде гипертекста (и 10Найдите ошибки в HTML коде.
гипермедиа). Web-страница – текстовый файл <HTML> <HEAD> <TITL> Моя
(Блокнот), в котором описано размещение первая Web-страница </TITL>
материала на экране в виде кода. Браузер – </HEAD> <BODY> <H1>
программа для просмотра Web-страниц Заголовок страницы </H1> <P>
(Internet Explorer, Mozilla Firefox, Основной текст. </P> </BODY>
Opera). Браузер считывает код и </HTML> 10.
«выстраивает» страницу на экране в 11Язык HTML. HTML = hypertext markup
соответствии с ним. WWW (World Wide Web) – language (язык разметки гипертекста).
«всемирная паутина», служба Интернет для HTML-документ – это текстовый файл
обмена информацией в виде гипертекста (и (Блокнот): 11.
гипермедиа). Web-страница – текстовый файл 12Инструментарий веб-дизайнера. 1.
(Блокнот), в котором описано размещение Браузер 2. Графический редактор 3.
материала на экране в виде кода. Браузер – Справочник по тегам HTML 4. Удобный HTML
программа для просмотра Web-страниц редактор. 12.
(Internet Explorer, Mozilla Firefox, 13Web-дизайн и язык HTML. § 2. Атрибуты
Opera). Браузер считывает код и тегов. Основные понятия: парные и
«выстраивает» страницу на экране в одиночные теги, атрибуты тегов.
соответствии с ним. 3. 14Два вида тегов. Парные (открывающий и
4Простейшая web-страница. Отображается закрывающий теги): <!-- Пример -->
браузере: В виде HTML кода: Теги. Пкм. <h1>Заголовок</h1>
<HTML> <HEAD> <TITLE> <h2>Подзаголовок</h2>
Моя первая Web-страница </TITLE> <p>Абзац</p> Одиночные (только
</HEAD> <BODY> <H1> открывающий тег): <!-- Пример -->
Заголовок страницы </H1> <P> <br> <img
Основной текст. </P> </BODY> src=”http://pupkin.ru/vasa.jpg”>
</HTML> 4. Атрибут тега img. 14.
5Тэг. Тэг (контейнер) – это команда 15Атрибуты тегов. Атрибуты тегов
языка HTML, которую выполняет браузер. … применяются для расширения возможностей
<center> Этот текст будет выровнен отдельных контейнеров (тегов) и позволяют
по центру. </center> А этот уже не более детально управлять их содержимым
будет. … Открывающий тэг. Закрывающий тэг. (например текстом). <!-- Пример -->
5. <body text=”red” bgcolor=”yellow”>
6! Теговая структура HTML-документа. <h1>Заголовок</h1>
Теги не должны пересекаться! Невидимая <p>Абзац1</p>
информация о странице. HTML страница. <p>Абзац2</p> </body>
Видимая информация о странице. <Тег атрибут1="значение"
<HTML> <HEAD> <TITLE> атрибут2="значение"> <тег
Моя первая Web-страница </TITLE> атрибут1="значение"
</HEAD> <BODY> <H1> атрибут2="значение">...</Т
Заголовок страницы </H1> <P> г> 15.
Основной текст. </P> </BODY> 16Конец фильма. <ul
</HTML> 6. type="square"> ...
7Найдите ошибки в HTML коде. </ul> 16.
<HTML> <HEAD> <TITLE>
Язык сайта HTML.ppt
http://900igr.net/kartinka/informatika/jazyk-sajta-html-60408.html
cсылка на страницу

Язык сайта HTML

другие презентации на тему «Язык сайта HTML»

«HTML страница» - Заголовок web-страницы. Задание. 1. Фоновый цвет страницы: Такие цвета назвали безопасными и включили в таблицу. 2. Фоновый рисунок страницы: Заголовок должен как можно полно передавать содержание web-страницы. © Николаева Вера Александровна, 2007. Шрифт. Пример 3: <h1>Архитектура Санкт-Петербурга</h1>.

«Как создать свой сайт» - Гипотеза. Минусы: Необходимость большого количества знаний и времени. CMS. Существуют платные и бесплатные CMS. Сравнительная характеристика. Сервисы для создания сайтов ( Google, Yandex, Ucoz и др.). Желательно хотя бы поверхностное знание HTML. On –line сервисы для создания сайтов. Сервисы для создания сайтов.

«Красивый сайт» - Сайт сделан по программе «Конструктор школьных сайтов». Для дизайнера. Для программиста. Технология создания сайта по программе «Конструктор школьных сайтов» проста. По принципу, то, что важнее – привлекает больше внимание цветом, размером, формой. Бегущая строка создаётся с помощью контейнера тэгов.

«Язык HTML» - Именно в нем находится все то, что отображается на странице: текст, картинки, таблицы. На самом деле одной строкой дело не обходится. операционной системы, установленной на нем. Тег <IMG SRC> - вставка изображения из файла. HTML (Hyper Text Markup Language, "язык разметки гипертекста").

«Учителям о сайтах» - Аудитория для сайта учителя. Большой срок службы динамического сайта. - Различные темы для обсуждения. Пояснения и рекомендации в помощь учителю. 5.1 Внеклассная работа. - План мероприятий. Сайт для учителя. Использование наименьшего количество ресурсов сервера. 6. Библиотека. Разработки уроков, презентации, дидактический материалы.

«Сайт компании» - Прочее должно соотносится со спецификой работы вашей компании. Сайт компании. Проектирование и постановка задач – важнейший этап. Создание программного кода, контроль разработки, принятие проекта. Правильный подход к созданию сайта. Реализация: Разработка технического задания. Повышение юзабилити и эффективности.

HTML

18 презентаций об HTML
Урок

Информатика

130 тем
Картинки