Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.


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

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

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

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

Презентация на тему Язык разметки гипертекста

Содержание

Web-сайты и Web-страницы Публикации во Всемирной паутине реализуются в форме Web–сайтов. Web–сайт по своей структуре напоминает журнал и состоит из web-страниц.
Web-сайты и Web-страницы Публикации во Всемирной паутине реализуются в форме Web–сайтов. Web–сайт Создание Web-сайтовСоздание реализуется с использованием языка разметки гипертекстовых документов HTML.Технология HTML состоит Форматирование текстаВид Web–страницы задается тегами, которые заключаются в угловые скобки. Теги могут Основные теги HTMLHTML-код страницы помещается внутрь контейнера .Web–страница разделяется на две логические 9 классНазвание Web–страницы содержится в контейнере  и отображается в строке заголовка браузера.Основные теги HTML Основное содержание страницы помещается в контейнер и может содержать текст, графические изображения, ШаблонМоя страничка  Содержание страницы С помощью HTML-тэгов можно задать различные параметры форматирования текста. Размер шрифта заголовка Меняет цвет тэг задающего шрифт с атрибутом цвета:Заголовок от остального содержания страницы Атрибут SIZE тэга задает размер шрифта, ему присваивается значение от 1 до Атрибуты тэга Фоновое изображение задается с помощью атрибута BACKGROUNDЦвет фона Web-страницы задается 9 классДавайте знакомитьсяШаблон 29 классДавайте знакомиться СтилиТэгПример BOLD  полужирный  ITALIC  курсив  UNDERLINE  подчеркнутый  TYPEWRTER  пишущая машинка  STRIKETHROUGH  вычеркнутый Размещение графикиПервая или титульная страница является «визитной карточкой» сайта.Страница может содержать не В Web-сайтах могут использоваться три графических форматаGIFJPGPNGДля вставки изображения используется тэг с Тэг имеет ещё один атрибут ALT, значением которого является текст. Расположить текст Моя страничкаЛена Гиперссылки на Web-страницахТитульная страница содержит следующий HTML-код: Моя страничка Гиперссылка на Web–странице существует в форме выделенного объекта, щелчок по которому обеспечивает Для каждой гиперссылки адрес перехода определяет контейнер с атрибутом HREF(значение Моя страничка    Лена  Моя первая страничка Обо мне    Лена  Обо мне    Рассказ о себе Ссылка на адрес электронной почтыНеобходимо атрибуту HREF присвоить URL-адрес электронной почты и Списки на Web-страницах Ненумерованный списокСписок располагается внутри контейнера , а каждый элемент Нумерованный списокСписок располагается внутри контейнера , а каждый элемент списка определяется Список определенийДля списка определений используется контейнер . Внутри него текст оформляется в Создание таблицДля создания таблицы используется Атрибуты: Align – расположение таблицы Width – Строка таблицы задается  Атрибуты: align – выравнивание текста в ячейках строки Для разделения строк на колонки используется  Атрибуты: nowrap – текст в У таблицы может быть заголовок						 		  Первая строка, первая Дополнительные атрибуты Background - Фоновый рисунок Bgcolor – Цвет фона таблицыBordercolor – Цвет рамки Карты-изображения Для создания гиперссылок можно использовать карты-изображения, на которых выделены области – указатели гиперссылок. Чтобы преобразовать изображение в карту , в тэг добавляется параметр USEMAP, значением Внутри контейнера  помещаются тэги  с описанием областей изображения.Атрибуты SHAPE Титульная страница Страница Обо мне Страница  Мои друзья Страница  Мои город
Слайды презентации

Слайд 2 Web-сайты и Web-страницы

Публикации во Всемирной паутине реализуются

Web-сайты и Web-страницы Публикации во Всемирной паутине реализуются в форме Web–сайтов.

в форме Web–сайтов.
Web–сайт по своей структуре напоминает журнал

и состоит из web-страниц.


Слайд 3 Создание Web-сайтов
Создание реализуется с использованием языка разметки гипертекстовых

Создание Web-сайтовСоздание реализуется с использованием языка разметки гипертекстовых документов HTML.Технология HTML

документов HTML.
Технология HTML состоит в том, что в обычный

текстовый документ вставляются управляющие символы (тэги) и в результате мы получаем Web–страницу — файл с расширением .htm или .html.

Слайд 4 Форматирование текста
Вид Web–страницы задается тегами, которые заключаются в

Форматирование текстаВид Web–страницы задается тегами, которые заключаются в угловые скобки. Теги

угловые скобки.
Теги могут быть парными, обязательно наличие открывающего

и закрывающего тэгов (контейнер).
Закрывающий содержит прямой слэш (/) перед обозначением.


Слайд 5 Основные теги HTML
HTML-код страницы помещается внутрь контейнера .
Web–страница

Основные теги HTMLHTML-код страницы помещается внутрь контейнера .Web–страница разделяется на две

разделяется на две логические части: заголовок и содержание.
Заголовок заключается

в контейнер и содержит справочную информацию о странице, название документа.

Слайд 6

9 класс




Название Web–страницы содержится в контейнере

9 классНазвание Web–страницы содержится в контейнере  и отображается в строке заголовка браузера.Основные теги HTML

TITLE> и отображается в строке заголовка браузера.
Основные теги HTML


Слайд 7
Основное содержание страницы помещается в контейнер
и

Основное содержание страницы помещается в контейнер и может содержать текст, графические

может содержать текст, графические изображения, таблицы, звуковые файлы…


Давайте знакомиться

Основные

теги HTML

Слайд 8 Шаблон


Моя страничка


Содержание страницы


ШаблонМоя страничка Содержание страницы

Слайд 9 С помощью HTML-тэгов можно задать различные параметры форматирования

С помощью HTML-тэгов можно задать различные параметры форматирования текста. Размер шрифта

текста.
Размер шрифта заголовка задается тэгами от (самый

крупный) до
(самый мелкий).
Заголовок принято размещать по центру страницы(в данном случае – окна браузера). Сделать позволяет атрибут ALIGN тэга заголовка:


- по центру


- по правой границе


- по левой границе

Форматирование текста


Слайд 10 Меняет цвет тэг задающего шрифт с атрибутом цвета:

Меняет цвет тэг задающего шрифт с атрибутом цвета:Заголовок от остального содержания

COLOR = “blue”>


Заголовок от остального содержания

страницы отделяется горизонтальной линией с помощью тэга

Пример 2


Слайд 11 Атрибут SIZE тэга задает размер шрифта, ему

Атрибут SIZE тэга задает размер шрифта, ему присваивается значение от 1

присваивается значение от 1 до 7. С помощью знаков

«+» или «-» можно управлять изменением шрифта

Для задания типа шрифта используют атрибут FACE=. Следует сказать, что в основном применяют Times New Roman и Arial.

Слайд 12 Атрибуты тэга

Фоновое изображение задается с помощью

Атрибуты тэга Фоновое изображение задается с помощью атрибута BACKGROUNDЦвет фона Web-страницы

атрибута BACKGROUND


Цвет фона Web-страницы задается атрибутом

BGCOLOR

Цвет текста задает атрибут TEXT




Слайд 13

9 класс




Давайте

9 классДавайте знакомитьсяШаблон 29 классДавайте знакомиться

знакомиться







Шаблон 2


9 класс


Давайте знакомиться



Слайд 14
Стили
Тэг
Пример
 BOLD 

полужирный
 ITALIC 

курсив
 UNDERLINE 

СтилиТэгПример BOLD  полужирный  ITALIC  курсив  UNDERLINE  подчеркнутый  TYPEWRTER  пишущая машинка  STRIKETHROUGH  вычеркнутый


подчеркнутый
 TYPEWRTER 

пишущая машинка
 STRIKETHROUGH 

вычеркнутый


 DECREASE FONT SIZE 


маленький

 INCREASE FONT SIZE 


большой

 BLINK 

  

мерцающий



Слайд 15 Размещение графики
Первая или титульная страница является «визитной карточкой»

Размещение графикиПервая или титульная страница является «визитной карточкой» сайта.Страница может содержать

сайта.
Страница может содержать не только текст, но и графическую

информацию (разнообразные рисунки, схемы и т.д.), а также звуковую информацию.

Слайд 16 В Web-сайтах могут использоваться три графических формата
GIF
JPG
PNG
Для вставки

В Web-сайтах могут использоваться три графических форматаGIFJPGPNGДля вставки изображения используется тэг

изображения используется тэг с атрибутом SRC = “имя

файла”



Слайд 17 Тэг имеет ещё один атрибут ALT, значением

Тэг имеет ещё один атрибут ALT, значением которого является текст. Расположить

которого является текст.

Расположить текст различным образом относительно рисунка

позволяет атрибут ALIGN тэга .

TOP (верх), MIDDLE (середина), BOTTOM (низ), LEFT (слева), RIGHT(справа)

“текст”



Пример 3


Слайд 18

Моя страничка




Лена



Моя страничкаЛена

src=“.gif” alt=“” align= “top”>






Слайд 19 Гиперссылки на Web-страницах
Титульная страница содержит следующий HTML-код:

Гиперссылки на Web-страницахТитульная страница содержит следующий HTML-код: Моя страничка  Лена




Моя страничка



Лена

Моя первая страничка






  • Обо мне.
  • Мой город.
  • Моя школа.
  • Мои друзья




Слайд 20 Гиперссылка на Web–странице существует в форме выделенного объекта,

Гиперссылка на Web–странице существует в форме выделенного объекта, щелчок по которому

щелчок по которому обеспечивает переход на другую Web-страницу.
Панель навигации

– размещение гиперссылок. Она может представлять собой абзац, выровненный по центру.
Абзацы помещаются в контейнер


  - пробел

Слайд 21 Для каждой гиперссылки адрес перехода определяет

Для каждой гиперссылки адрес перехода определяет контейнер с атрибутом HREF(значение

контейнер с атрибутом HREF(значение URL-адрес).

Контейнер должен

также содержать текст гиперссылки:

Текст гиперссылки

Например:

  • Обо мне.


  • Слайд 22

    Моя страничка



    Лена

    Моя страничка  Лена Моя первая страничка

    Моя первая страничка




    • Обо мне.
    • Мой город.
    • Моя школа.
    • Мои друзья



  • Обо мне.

  • Мой город.

  • Моя школа.

  • Мои друзья.




  • Слайд 23

    Обо мне



    Лена

    Обо мне  Лена Обо мне  Рассказ о себе

    Обо мне

    Рассказ о себе



    src=“1.jpg”>



    “текст”


    Слайд 24 Ссылка на адрес электронной почты
    Необходимо атрибуту HREF присвоить

    Ссылка на адрес электронной почтыНеобходимо атрибуту HREF присвоить URL-адрес электронной почты

    URL-адрес электронной почты и добавить контейнер


    Текст

    Пример 6


    Слайд 25 Списки на Web-страницах
    Ненумерованный список
    Список располагается внутри контейнера

    Списки на Web-страницах Ненумерованный списокСписок располагается внутри контейнера , а каждый

    , а каждый элемент списка определяется тэгом .
    С помощью

    атрибута TYPE тэга
      можно задать вид маркера списка: “disc”, “square”, “circle”


    Слайд 26 Нумерованный список
    Список располагается внутри контейнера , а

    Нумерованный списокСписок располагается внутри контейнера , а каждый элемент списка

    каждый элемент списка определяется также тэгом .
    С помощью

    атрибута TYPE тэга
      можно задать тип нумерации: арабские цифры, римские цифры, буквы

    Слайд 27 Список определений
    Для списка определений используется контейнер .
    Внутри

    Список определенийДля списка определений используется контейнер . Внутри него текст оформляется

    него текст оформляется в виде термина, который выделяется непарным

    тэгом
    и определения, которое следует за тэгом
    .

    Слайд 28 Создание таблиц
    Для создания таблицы используется
    Атрибуты:
    Align

    Создание таблицДля создания таблицы используется Атрибуты: Align – расположение таблицы Width

    – расположение таблицы
    Width – ширина таблицы
    Border –

    ширина внешней рамки
    Заголовок таблицы


    Слайд 29 Строка таблицы задается
    Атрибуты:

    align – выравнивание

    Строка таблицы задается Атрибуты: align – выравнивание текста в ячейках строки

    текста в ячейках строки

    valign – вертикальное выравнивание (top

    (верхний край), middle (центр), bottom (нижний край))


    Слайд 30 Для разделения строк на колонки используется

    Атрибуты:

    Для разделения строк на колонки используется Атрибуты: nowrap – текст в

    nowrap – текст в одну строку
    colspan – размах

    ячейки по горизонтали
    rowspan – размах по вертикали
    valign - вертикальное выравнивание
    width – ширина ячеек
    height – высота ячеек


    Слайд 31


    У таблицы может быть заголовок


    У таблицы может быть заголовок						 		 Первая строка, первая


    Первая строка, первая колонка


    Первая строка, вторая колонка





    Слайд 33

    Дополнительные атрибуты

    Background - Фоновый рисунок
    Bgcolor –

    Дополнительные атрибуты Background - Фоновый рисунок Bgcolor – Цвет фона таблицыBordercolor – Цвет рамки

    Цвет фона таблицы
    Bordercolor – Цвет рамки





    Слайд 34 Карты-изображения
    Для создания гиперссылок можно использовать карты-изображения, на

    Карты-изображения Для создания гиперссылок можно использовать карты-изображения, на которых выделены области – указатели гиперссылок.

    которых выделены области – указатели гиперссылок.


    Слайд 35 Чтобы преобразовать изображение в карту , в тэг

    Чтобы преобразовать изображение в карту , в тэг добавляется параметр USEMAP,

    добавляется параметр USEMAP, значением которого является ссылка на

    имя карты. Например:
    Это мои друзья
    Для описания областей карты изображения используется тэг , единственным параметром которого является NAME.



    Слайд 36
    Внутри контейнера помещаются тэги с

    Внутри контейнера  помещаются тэги с описанием областей изображения.Атрибуты SHAPE

    описанием областей изображения.
    Атрибуты
    SHAPE – форма области (RECT, CIRCLE)
    COORDS

    – координаты области
    HREF – гиперссылка
    ALT – альтернативный текст
    Сергей

    Слайд 37 Титульная страница





    Титульная страница

    Слайд 38 Страница Обо мне




    Страница Обо мне

    Слайд 39 Страница Мои друзья


    Страница Мои друзья

    • Имя файла: prezentatsiya-yazyk-razmetki-giperteksta.pptx
    • Количество просмотров: 152
    • Количество скачиваний: 0