Разделы презентаций
- Разное
- Английский язык
- Астрономия
- Алгебра
- Биология
- География
- Геометрия
- Детские презентации
- Информатика
- История
- Литература
- Математика
- Медицина
- Менеджмент
- Музыка
- МХК
- Немецкий язык
- ОБЖ
- Обществознание
- Окружающий мир
- Педагогика
- Русский язык
- Технология
- Физика
- Философия
- Химия
- Шаблоны, картинки для презентаций
- Экология
- Экономика
- Юриспруденция
Введение в HTML, структура HTML-документа, форматирование текста
Содержание
- 1. Введение в HTML, структура HTML-документа, форматирование текста
- 2. Основные понятияГипертекст – это текст, в котором
- 3. Основные понятияWeb-страница – это электронный документ, в
- 4. Основные понятияБраузер – специальная программа для просмотра Web-страницы (например Internet Explorer, Mozilla Firefox, Opera и др.).
- 5. Основные понятияHTTP (Hyper Text Transfer Protocol) – протокол передачи гипертекста для доступа к Web-страницам.
- 6. Основные понятияУнифицированный указатель ресурса URL (Uniformed Resource
- 7. Основные понятияWeb-сайт – совокупность web-документов (web-страниц), объединенных по какому-либо признаку (адресом сервера, темой, оформлением).
- 8. Основные понятияHTML (HyperText Markup Language) – язык
- 9. ТегТег – элемент языка разметки гипертекста. Для
- 10. ТегПример 1. Использование парных тегов (контейнера) Запись
- 11. ТегПример 3. Правильное сочетание тегов Запись
- 12. ГипертекстГипертекст – текст с управляющими элементами языка разметки гипертекста (тегами).
- 13. Структура документаHTML-документ состоит из двух разделов –
- 14. HTML-документ Заголовок страницы Служебная информация Видимое содержание страницы
- 15. Типы тегов:форматирование;верстка таблиц;верстка списков;формирование гиперссылок;вставка изображений.
- 16. Форматирование текстаФорматирование текста – средства его изменения,
- 17. Начертания и эффекты текста
- 18. Начертания и эффекты текстаПример 1. Жирный курсивный
- 19. Задание 11) В программе «Блокнот» набрать следующий
- 20. Скачать презентанцию
Основные понятияГипертекст – это текст, в котором содержаться ссылки на другие документы или переходы внутри исходного документа. Это один из основных способов размещения информации в глобальной сети Internet и родственных ей
Слайды и текст этой презентации
Слайд 3Основные понятия
Web-страница – это электронный документ, в котором кроме текста
содержатся специальные команды форматирования, а также встроенные объекты (рисунки, аудио-
и видеоклипы и др.).
Слайд 4Основные понятия
Браузер – специальная программа для просмотра Web-страницы (например Internet
Explorer, Mozilla Firefox, Opera и др.).
Слайд 5Основные понятия
HTTP (Hyper Text Transfer Protocol) – протокол передачи гипертекста
для доступа к Web-страницам.
Слайд 6Основные понятия
Унифицированный указатель ресурса URL (Uniformed Resource Locator) или URL-адрес
– стандартизированный способ записи адреса ресурса в сети Интернет.
Пример URL: http://www.klyaksa.net/htm/exam/answers/images/a23_1.gif
Здесь
приведен URL-адрес рисунка, находящегося на одной из Web-страниц портала www.klyaksa.net.
Слайд 7Основные понятия
Web-сайт – совокупность web-документов (web-страниц), объединенных по какому-либо признаку
(адресом сервера, темой, оформлением).
Слайд 8Основные понятия
HTML (HyperText Markup Language) – язык гипертекстовой разметки.
Указания, записанные
на HTML, интерпретируются браузером. Обычно файл Веб-страницы имеет расширение .html
или .htm.
Слайд 9Тег
Тег – элемент языка разметки гипертекста.
Для обозначения тегов используется угловые
скобки .
Виды тегов:
1) парные, которые выделяют блок текста,
также называются еще контейнером. Контейнер требует закрывающего тега, обозначаемого .2) одиночные.
Теги нечувствительны к регистру, поэтому запись и эквивалентна.
Слайд 10Тег
Пример 1. Использование парных тегов (контейнера)
Запись в коде:
Полужирный шрифт в
тексте.
Результат в браузере:
Полужирный шрифт в тексте.
Пример 2. Использование одиночных тегов
Запись в коде:
Первая строка текста. Вторая строка текста.
Результат в браузере:
Первая строка текста.
Вторая строка текста.
Слайд 11Тег
Пример 3. Правильное сочетание тегов
Запись в коде:
Полужирный курсивный текст
Пример
4. Неправильное сочетание тегов
Запись в коде:
Полужирный курсивный текст
Слайд 13Структура документа
HTML-документ состоит из двух разделов – заголовка (HEAD) и
тела документа (BODY).
Раздел заголовка документа (HEAD) определяет заголовок веб-страницы
и содержит служебную информацию.Раздел тела документа (BODY) хранит видимое содержание страницы.
Слайд 15Типы тегов:
форматирование;
верстка таблиц;
верстка списков;
формирование гиперссылок;
вставка изображений.
Слайд 16Форматирование текста
Форматирование текста – средства его изменения, такие как выбор
начертания шрифта и использование эффектов, позволяющих менять вид текста.
Слайд 18Начертания и эффекты текста
Пример 1. Жирный курсивный текст
Результат в
браузере:
"Привет" – мое приветствие.
Запись в коде:
"Привет" – мое приветствие.
Пример 2.
Создание нижнего индекса
Результат в браузере:
Формула серной кислоты: H2SO4
Запись в коде:
Формула серной кислоты: H2SO4