58-60 Основы языка разметки гипертекста

Дата публикации: 17.04.2018 18:13:00

УРОК 58-59

Запишите в тетрадь тему и основные определения.

HTML (HyperText Markup Language) – язык разметки гипертекста, используется для создания веб-страниц. При помощи html создается логическая структура документа, а также определяется как будет выглядеть тот или иной элемент страницы (рекомендуется для определения вида элементов использовать не html, а технологию CSS).

HTML не является языком программирования!

Файл веб-страницы содержит текст ASCII и имеет расширение .htm или .html

Разметка текста в файле осуществляется при помощи тегов (tag). Теги заключаются в треугольные скобки.

Виды тегов:

  • одиночные (непарные) теги <tag>. Например тег <br>, который используется для перехода на новую строку

  • теги-контейнеры <tag></tag>. Например тег <b></b>. После открывающего тега весь текст будет полужирным, пока тег не будет закрыт.

Тег может иметь атрибуты. Атрибуты уточняют действие тега. Атрибут всегда ставится в открывающем теге, т.к. браузер считывает информацию слева направо всерху вниз. Для некоторых тегов применение атрибутов обязательно. Так например тег вставки изображения <img> должен иметь атрибут, в котором будет указан путь к файлу изображения, иначе изображение не будет отображаться на странице <img src="путь_к_изображению">. Некоторые теги могут использоваться вообще без атрибутов.

Теги можно писать как в верхнем <TAG>, так и в нижнем <tag> регистре, для браузера это значения не имеет. Также не имеет значения, писать ли весть текст в одну строку или начинать каждый абзац или предложение с новой строки. Для читабельности кода рекомендуется всегда использовать один регистр (например нижний), начинать каждый новый элемент с новой строки и вставлять в код комментарии.

Пробелы:

  • пробел ставится обязательно между тегом и атрибутом

  • пробел недопустим между атрибутом и его значением

  • в тексте html-документа несколько пробелов воспринимаются как один, для того, чтобы поставить несколько пробелов подряд, надо использовать спец.символы

Выполнить практические работы №1 , №2, №3. (Код набираем в Блокноте, сохраняем как файл с расширением .html. Выполняя практические работы, вы дополняете, изменяете файлы, созданные в перовой работе).

В тетради начертите таблицу и записывать в нее все новые теги (команды языка разметки).

Теги Html

Выполняя практические работы дополняйте таблицу тегов.

Для справки

Самоучитель HTML

Основы языка разметки гипертекста

УРОК 60

Выполнить практические работы №4 и №5.

Выполняя практические работы дополняйте таблицу тегов.

Пройдите Тесты на оценку:

Тест (маленький)

Тест (10 вопросов)