Поделиться
Курс лекций Знанио. часть 1. Web-страницы. Язык HTML, теги, структура, списки.ppt
Web-страницы. Язык HTML и др.
Курс лекций
Никитин Михаил Евгеньевич
Web-страницы. Язык HTML и др.
Введение
Структура документа
Списки
Гиперссылки
Оформление документа
Рисунки
Таблицы
Фреймы
Блоки (DIV)
Понятие о JavaScript
Что такое Web-страницы?
3
Гиперссылка – «активная»ссылка на другой документ.
Гипертекст – текст, содержащий гиперссылки.
Гипермедиа-документ – документ, включающий текст, рисунки, звуки, видео, в котором любой элемент может быть гиперссылкой.
WWW (World Wide Web) – «всемирная паутина», служба Интернет для обмена информацией в виде гипертекста (и гипермедиа).
Web-страница – текстовый файл, в котором описано размещение материала на экране.
Браузер – программа для просмотра Web-страниц на экране (Internet Explorer, Mozilla Firefox, Opera).
Какие бывают Web-страницы?
4
статические – существуют на сервере в виде готовых файлов: *.htm, *.html
динамические – полностью или частично создаются на сервере в момент запроса (выбор информации из базы данных) *.shtml, *.asp, *.pl, *.php
позволяют выбирать информацию из базы данных по заранее неизвестным запросам
дополнительная нагрузка на сервер
загружаются медленнее
Язык HTML
5
HTML = Hypertext Markup Language (язык разметки гипертекста)
HTML-страница – это текстовый файл (Блокнот):
index.html
Тэги
6
Тэг – это команда языка HTML, которую выполняет браузер:
непарные тэги
парные тэги (контейнеры)
вставить рисунок
открывающий
закрывающий
область действия тэга: описание таблицы
Простейшая Web-страница
7
first.html
шапка («голова»)
основная часть («тело»)
Редактор HEFS
8
файловые операции
буфер обмена
один экран
запуск
браузера (F9)
назад
вперед
текстовый редактор
браузер (IE)
отмена
Вставка тэгов в HEFS
9
Web-страницы. Язык HTML и др.
Тема 2. Структура документа.
Специальные символы
Заголовки: H1 … H6
11
выравнивание:
left,
center,
right
Абзацы
12
переход на новую строку
абзац (с отступами)
И вечный бой! Покой
нам только снится
Сквозь кровь и пыль...
Летит, летит степная
кобылица
И мнет ковыль...
Одно физическое тело захотело поменять три своих старых варежки
на что-нибудь хорошее.
До самого вечера тело с варежками ...
Выравнивание
13
Этот текст выровнен по центру.
Этот текст выровнен по ширине.
Этот текст выровнен по ширине.
Этот текст выровнен по ширине.
Этот текст выровнен по ширине.
left по левой границе
right по правой границе
center по центру
justify по ширине
атрибут тэга
Абзацы в HEFS
14
Специальные символы
15
Символ | HTML-код | Название |
– | — | (длинное) тире |
|
| неразрывный пробел |
§ | § | параграф |
© | © | символ авторского права |
« | « | левая русская кавычка |
» | » | правая русская кавычка |
® | ® | зарегистрированная торговая марка |
° | ° | градус |
² | ² | квадрат |
³ | ³ | куб |
¼ | ¼ | четверть |
½ | ½ | половина |
¾ | ¾ | три четверти |
× | × | знак умножения |
÷ | ÷ | знак деления |
Специальные символы
16
А.С. Пушкин — солнце русской поэзии.
Дом сдали в 2011 году.
Пёс весил 12 кг.
Из дома вышел А.С. Пушкин – солнце
русской поэзии.
Вышел А.С. Пушкин – солнце русской поэзии.
Специальные символы в HEFS
17
Web-страницы. Язык HTML и др.
Тема 3. Списки
Маркированные списки
19
unordered list (неупорядоченный список)
list item (элемент списка)
изменение маркера:
disk
circle ○
square ■
Нумерованные списки
20
ordered list (упорядоченный список)
изменение нумерации:
1, i, I, a, A
Списки определений
21
definition list (список определений)
definition term (термин)
definition description (описание)
Многоуровневые списки
22
Списки в HEFS
23
Ctrl-L вставить элемент списка
Материалы на данной страницы взяты из открытых источников либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.
