Презентация на тему "Использование гипертекста html"

Содержание

• 
  Слайд 1
  

  РАЗРАБОТКА WEB-сайтов с использованием языка разметки гипертекста

• 
  Слайд 2
  

  «Творческим считается любое действие, которое эффективно и вызывает удивление»                         Дж. Брунер

  Web-страницы создаются с использованием языка разметки гипертекстовых документов HTML (Hyper Text Markup Language

• 
  Слайд 3
  

  Microsoft Office FrontPage

• 
  Слайд 4
  

  Hyper Text Markup Language – язык гипертекстовой разметки. Описательный язык разметки HTML имеет свои команды, которые называются тегами. !Теги не чувствительны к регистру!

• 
  Слайд 5

  Теги «HTML»

  Тег — это элемент языка Html, который указывает браузеру, как отображать тот или иной объект на странице (таблицу, слово, абзац, ссылку, изображение и т.д.) HTML, являясь языком разметки состоит из так называемых тегов (элементов разметки), которые ,в свою очередь, могут быть: полные неполные символьные Полный элемент разметки, также называемый контейнером, имеет открывающий и закрывающий теги, неполный – только открывающий, а символьные элементы разметки представляются в виде символьных кодов и вы можете видеть их в таблице справа:

• 
  Слайд 6
  

  Также в HTML существуют теги, не требующие закрывающего элемента. Это как правило элементы вставки чего–либо или служебные элементы:  – тег вставки изображения – тег вставки разрыва строки

  – тег вставки горизонтальной линии   Большая часть HTML тегов состоит из двух частей: открывающий тег<...> и закрывающий тег . Например: текст

  ........
• 
  Слайд 7

  АТРИБУТ

  Атрибут – это компонент тега, содержащий указания о том, как браузер должен воспринять и обработать тег. Синтаксис тега с атрибутом: <тег атрибут="значение">

• 
  Слайд 8

  ГИПЕРТЕКСТ

  Гипертекст (hypertext) – текст, содержащий ссылки на другие веб-страницы, серверы или ресурсы с возможностями выполнения переходов.

• 
  Слайд 9

  Структура HTML документа.

  Абсолютно любой документ, построенный на базе HTML будет состоять, по меньшей мере, из следующих контейнеров:  

   

• 
  Слайд 10

  Открываем Блокнот набираем

  Меня зовут ____. Мне __ лет. Это моя первая Web-страница. Тут я могу писать любой текст. Я размещу эту страницу в Интернете.

• 
  Слайд 11

  Создание web-страницы

• 
  Слайд 12

  Структура и управление

  Обновление web-страницы меню Вид  Просмотр HTML-кода

• 
  Слайд 13

  WEB-страничка готова!

  Удалить

• 
  Слайд 14

  Цвета и атрибуты

  Изменим цвет фона нашей странички. Для этого в тег

  добавим атрибут bgcolor:

  Цвет текста: