Тема : Основные теги языка разметки HTML
Цель: С помощью основных тегов языка HTML создать
страничку
Задание: Дать понятие
учащимся о HTML программирование, как и для чего используется.
Ход
работы
HTML язык по своей сути не является языком программирования..
он является языком разметки гипертекстовых документов. Иными словами он
отвечает за расположение в документе Ваших текстов, рисунков, таблиц..
предназначенных для жизни в сети Интернет. Заставить его посчитать, сколько
будет дважды два невозможно, в нем нет логических функций, зато красиво и
главное легко выложить информацию о том, что дважды два будет четыре - это
запросто. Читается этот язык при помощи знакомых Вам программ, именуемых
браузерами (обозревателями), которые "знают" стандартные команды html
языка, и "пережевывая" их выводят на монитор компьютера документы в
том виде, в котором хочет представить их веб мастер - составитель документа.
HTML (HyperText
Markup Language) - язык
разметки гипертекста - предназначен для создания Web-страниц.
Под гипертекстом в этом случае понимается текст,
связанный с другими текстами указателями-ссылками.
HTML- файл
HTML- файл – текстовый
файл, имеющий расширение .htm или .html Web-страница хранится в
виде HTML-
файла. Для создания HTML- файла могут использоваться как простые текстовые
редакторы, такие как Блокнот или Word Pad, так и редакторы Web.
Основными
компонентами HTML являются:
·
Тег (tag). Тег HTML это компонент, который командует Web-
броузеру выполнить определенную задачу типа создания абзаца или вставки изображения.
·
Атрибут (или аргумент). Атрибут HTML изменяет
тег. Например, можно выровнять абзац или изображение внутри тега.
·
Значение. Значения присваиваются атрибутам и определяют вносимые
изменения. Например, если для тега используется атрибут выравнивания, то можно
указать значение этого атрибута. Значения могут быть текстовыми, типа left или right,
а также числовыми, как например ширина и высота изображения, где значения
определяют размер изображения в пикселях.
Все документы должны иметь вот такой шаблон кода:
<html>- начало документа
<head>- начало головы
</head>- закрытие головы
<body>- начало тела
</body>- закрытие тела
</html>- конец документа
Тег <br> устанавливает перевод
строки в том месте, где этот тег находится. В отличие от тега абзаца <p>,
использование тега <br> не добавляет пустой отступ перед строкой. Если
текст, в котором используется перевод строки, обтекает плавающий элемент, то с
помощью атрибута clear тега <br> можно сделать так, чтобы следующая
строка начиналась ниже элемента. Тег не требуется
закрывать.
Определяет текстовый абзац. Тег
<p> является блочным элементом, всегда начинается с новой строки, абзацы
текста идущие друг за другом разделяются между собой отбивкой. Величиной
отбивки можно управлять с помощью стилей. Если закрывающего тега нет,
считается, что конец абзаца совпадает с началом следующего блочного элемента. Тег закрывающийся. Так же присутствует атрибут align(выравнивание):left
-лево,center-центр ,right-право,justify-по ширине.
Тег <font> представляет собой
контейнер для изменения характеристик шрифта, таких как размер, цвет и
гарнитура. Хотя этот тег до сих пор поддерживается всеми браузерами, он
считается устаревшим и от его использования рекомендуется отказаться в пользу
стилей. Тег закрывающийся.
Атрибуты <font></font>
color
Устанавливает
цвет текста.
face
Определяет
гарнитуру шрифта.
size
Задает размер шрифта в условных единицах.
Практическое задание:
<html>
<head>
<title>Моя первая страничка</title>
</head>
<body>
<p align=”center”><font
color=”green”>Привет мир!!!</font></p>
<br>
<font color=”blue” size=”12” >Меня зовут Карлсон, это моя первая страничка!</font>
</body>
</html>
Показать работу преподавателю
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.