Презентация, доклад на тему Разработка Web-сайтов с использованием языка разметки HTML

Для создания Web-страниц используют язык разметки гипертекста HTML (Hyper Text Markup Language), созданный Тимом Бернерсом в 1989 году.Код страницы набирается в любом текстовом редакторе (например, Блокнот) и оформляется с помощью команд языка HTML. Тестируются HTML-файлы с

Слайд 1Разработка Web-сайтов с использованием языка разметки HTML.

Разработка Web-сайтов с использованием языка разметки HTML.

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

Language), созданный Тимом Бернерсом в 1989 году.
Код страницы набирается в любом текстовом редакторе (например, Блокнот) и оформляется с помощью команд языка HTML. Тестируются HTML-файлы с помощью любого браузера. Формат Web-страниц: *.htm или *.html.
Для создания Web-страниц используют язык разметки гипертекста HTML (Hyper Text Markup Language), созданный Тимом Бернерсом в 1989

Слайд 3Команды HTML задаются с помощью специальных элементов – тегов, которые заключаются

в угловые скобки.
Типы тегов:
Непарные, например,
- тег перевода строки.
Парные, класс - выделение слова «класс» полужирным шрифтом.
Признаком окончания действия парного тега является слэш /.

Команды HTML задаются с помощью специальных элементов – тегов, которые заключаются в угловые скобки.Типы тегов:Непарные, например, -

Слайд 4Структура программы на языке HTML:



Заголовок документа



… Тело документа




Программа

Структура программы на языке HTML:

Слайд 5
… - первый тег, который должен находиться в любом HTML документе.

- определяет заголовок страницы, содержит справочную информацию.
- определяет название страницы, которое будет выведено в строке заголовка браузера.
… - определяет содержимое страницы, выводимое на экран.

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

Слайд 6… - тег абзаца
… - тег заголовка
H1 – самый большой размер

шрифта
H6 – самый маленький размер

- тег проведения горизонтальной линии.
- тег задания шрифта.
тег неупорядоченного списка.
  • - элементы списка.
  • … - тег абзаца… - тег заголовка	H1 – самый большой размер шрифта	H6 – самый маленький размер -

    Слайд 7Атрибуты
    Выравнивание текста:
    align=“center”- по центру
    align=“right” – по правому краю
    align=“left”- по левому краю

    АтрибутыВыравнивание текста:align=“center”- по центруalign=“right” – по правому краюalign=“left”- по левому краю

    Слайд 8
    Выделение фрагментов текста:
    … - полужирный
    … - курсив
    … - подчеркнутый

    Выделение фрагментов текста:… - полужирный… - курсив… - подчеркнутый

    Слайд 9Атрибуты
    Атрибуты шрифта:
    Color=“#...” – изменяет цвет шрифта, вместо точек – название цвета

    на английском языке или шестнадцатеричный код.
    Face=“Arial” – изменяет название шрифта.
    АтрибутыАтрибуты шрифта:Color=“#...” – изменяет цвет шрифта, вместо точек – название цвета на английском языке или шестнадцатеричный код.Face=“Arial”

    Слайд 10На Web-страницах могут реализоваться файлы трех форматов: GIF, JPG, PNG.
    -

    тег графических изображений.
    SRC – атрибут, указывающий на место хранения графического файла.

    ALT – атрибут пояснительного текста.
    “компьютер”

    На Web-страницах могут реализоваться файлы трех форматов: GIF, JPG, PNG. - тег графических изображений.SRC – атрибут, указывающий

    Слайд 11ALIGN – атрибут расположения рисунка относительно текста.
    TOP - верх
    MIDDLE - середина
    BOTTOM

    - низ
    LEFT - слева
    RIGT – справа
    “компьютер”


    ALIGN – атрибут расположения рисунка 	относительно текста.TOP - верхMIDDLE - серединаBOTTOM - низLEFT - слеваRIGT – справа

    Слайд 12Гиперссылки
    указатель

    Гиперссылкиуказатель

    Слайд 13-цвет текста
    -цвет фона
    -фоновая картинка
    … -бегущая строка
    Height=“16”-высота строки
    Width=“250”-ширина строки
    Vspase=“10”-вертикальное

    расстояние от бегущей строки до текста
    Hspase=“20”-горизонтальное расстояние от бегущей строки до текста
    Loop=“2”-повтор движений строки
    Direction=“left”-направление движения
    Behavior=“scroll”-повтор движений строки
    Scrollamount=“1”- скорость движения(от 1 до 10)
    -цвет текста-цвет фона-фоновая картинка… -бегущая строкаHeight=“16”-высота строкиWidth=“250”-ширина строкиVspase=“10”-вертикальное расстояние от бегущей строки до текста Hspase=“20”-горизонтальное расстояние от

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

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


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

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

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

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