Презентация, доклад по информатике Основы языка разметки гипертекста

Содержание

Теги могут вкладываться друг в друга иерархически, но без пересеченийОбщий вид тега HTML:содержимое

Слайд 1Служебные теги, теги форматирования текста и таблиц

Служебные теги, теги форматирования текста и таблиц

Слайд 2Теги могут вкладываться друг в друга иерархически, но без пересечений
Общий вид

тега HTML:
<имя>содержимое

Теги могут вкладываться друг в друга иерархически, но без пересеченийОбщий вид тега HTML:содержимое

Слайд 3Размещение элемента body


Здесь размещается подходящий текст заголовка





При просмотре страницы в браузере информация, размещенная внутри элемента body, отображается в окне браузера, называемом также окном просмотра


Размещение элемента body  Здесь размещается подходящий текст заголовка   При просмотре страницы в браузере информация,

Слайд 4Комментарии
Комментарии позволяют временно скрыть содержимое или разметку, оформить содержимое элементов особым

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



КомментарииКомментарии позволяют временно скрыть содержимое или разметку, оформить содержимое элементов особым образом для обратной совместимости, обозначить части

Слайд 5Использование заголовков
Заголовки в языках HTML и XHTML представляют собой теги, которые

используются для определения заголовков на странице. Существуют теги для шести уровней заголовков, начиная с . . . и заканчивая
. . .
.


Использование заголовковЗаголовки в языках HTML и XHTML представляют собой теги, которые используются для определения заголовков на странице.

Слайд 6Использование заголовков
Пример 2.1. Заголовки с логическим содержимым
Добро пожаловать на домашнюю

страничку Молли!

Книги


Как автор

Заглавие книги





Использование заголовковПример 2.1. Заголовки с логическим содержимым Добро пожаловать на домашнюю страничку Молли! Книги Как автор Заглавие

Слайд 7Добавление абзацев

обозначается открывающим и закрывающим тегами . . .

Пример

: Разметка абзацев с использованием открывающего и закрывающего тегов
<р>Мыслимо ли? На самом деле? Они едва не погибли. У них был
бессмысленный взгляд, устремленный в море. Они смотрели с
неослабевающим вниманием, как загипнотизированные.
<р>Это был Франк Меррил, тот, кто в конце концов прервал
тишину, Меррил казался мраморным и его голос звучал неестесственно, монотонно, с нотками металла.




Добавление абзацевобозначается открывающим и закрывающим тегами . . . Пример : Разметка абзацев с использованием открывающего и

Слайд 8Использование тега разрыва строки
Мой дядя самых честных правил


Когда не в шутку занемог,

Он уважать себя заставил
И лучше выдумать не мог





Использование тега разрыва строки Мой дядя самых честных правил Когда не в шутку занемог, Он уважать себя

Слайд 9Упорядоченные (нумерованные) списки
Пример: Создание упорядоченного списка

Возьмите 1-10 к

выезду с трассы
  • После выезда поверните налево на трассу Булевард

  • Проедьте по трассе несколько миль, пока не попадете на Парк авеню.








  • Упорядоченные (нумерованные) спискиПример: Создание упорядоченного списка  Возьмите 1-10 к выезду с трассы После выезда поверните налево

    Слайд 10Неупорядоченные (маркированные) списки
    Пример: Неупорядоченный список
    Разделы сайта включают:

    < li

    >Книги
  • CD и DVD

  • < li >Электроника
    < li >Фотографическое оборудование»:/li>
    < li >Программное обеспечение








    Неупорядоченные (маркированные) спискиПример: Неупорядоченный список Разделы сайта включают: < li >Книги CD и DVD < li >Электроника

    Слайд 11Списки определений
    Списки определений состоят из трех элементов: элемента списка определений,

    . . . ; элемента определения термина,
    . . .
    , и элемента определения описания,
    ...
    .







    Списки определенийСписки определений состоят из трех элементов: элемента списка определений, . . . ; элемента определения термина,

    Слайд 12Создание таблиц







    Создание таблиц …

    Слайд 13Добавление строки таблицы

    Пример: Таблица со строкой



    Данные








    Добавление строки таблицыПример: Таблица со строкой  Данные

    Слайд 14Добавление столбца таблицы

    Пример: Таблица с одной строкой и тремя столбцами

    width="90%" border="l" cellspacing="5" cellpadding="5">

    Данные
    Данные
    Данные








    Добавление столбца таблицыПример: Таблица с одной строкой и тремя столбцами  Данные Данные Данные

    Слайд 15Добавление заголовков таблицы







    Добавление заголовков таблицы

    Слайд 16Добавление заглавия Заглавие таблицы можно задать при помощи элемента caption.

    . . .
    Добавление заглавия  Заглавие таблицы можно задать при помощи элемента caption.   . . .

    Слайд 17Добавление заглавия Заглавие таблицы можно задать при помощи элемента caption.

    . . .
    Добавление заглавия  Заглавие таблицы можно задать при помощи элемента caption.   . . .

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

    Это сайт презентаций, где можно хранить и обмениваться своими презентациями, докладами, проектами, шаблонами в формате PowerPoint с другими пользователями. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами.


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

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

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

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