Файл: Создание Webсайтов Основная структура страницы Язык html.pptx

ВУЗ: Не указан

Категория: Не указан

Дисциплина: Не указана

Добавлен: 29.03.2024

Просмотров: 8

Скачиваний: 0

ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.

СОДЕРЖАНИЕ

Создание Web-сайтов

Основная структура страницы

Язык HTML

(от англ. HyperText Markup Language — «язык гипертекстовой разметки») — стандартизированный язык разметки документов во Всемирной паутине.

Структура страницы

Весь код помещается в контейнер тега

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

Название страницы, отображаемое в браузере.

Содержание web-страницы помещается в контейнер тега body

Создание Web-сайтов

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

Заголовки

. . . Задаёт параметры форматирования текста при помощи атрибутов Атрибуты тега color - изменяет базовый цвет текста. face - изменяет базовый шрифт текста. size - изменяет базовый размер текста. Тег font, синтаксис: HTML код: текст. Отображение: текст. Атрибут color Цвет текста может быть задан его названием (red, green, blue) или его шестнадцатеричным кодом (Например: #0000ff – синий) Редакторы HTML страниц Блокнот Notepad++ И другие… Установите соответствие

Практическое задание

Создание Web-сайтов

Основная структура страницы

Язык HTML

(от англ. HyperText Markup Language — «язык гипертекстовой разметки») — стандартизированный язык разметки документов во Всемирной паутине.

Структура страницы

Весь код помещается в контейнер тега


Открывающий тег

Закрывающий тег

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

Название страницы, отображаемое в браузере.

Содержание web-страницы помещается в контейнер тега body

Создание Web-сайтов

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

Заголовки

. . .

Задаёт параметры форматирования текста при помощи атрибутов

Атрибуты тега

color - изменяет базовый цвет текста. face - изменяет базовый шрифт текста. size - изменяет базовый размер текста.

Тег font, синтаксис:

HTML код: текст.

Отображение:

текст.

Атрибут color

Цвет текста может быть задан его названием (red, green, blue)

или его шестнадцатеричным кодом

(Например: #0000ff – синий)

Редакторы HTML страниц

  • Блокнот
  • Notepad++
  • И другие…

Установите соответствие


Код

Отображаемый текст

Текст

Текст

Текст

Текст

Текст

Текст

Практическое задание

  • В редакторе Notepad ++ Создать страницу со следующими параметрами:
  • Заголовок страницы: Web-страница
  • Текст на странице: Привет Мир! (Цвет красный, размер 8, шрифт Arial)