Инфоурок Информатика КонспектыОсновные теги языка разметки HTML

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

Скачать материал

Тема  : Основные теги языка разметки 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>

Показать работу преподавателю

Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Основные теги языка разметки HTML"

Методические разработки к Вашему уроку:

Получите новую специальность за 3 месяца

Культуролог-аниматор

Получите профессию

Секретарь-администратор

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Краткое описание документа:

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

Скачать материал

Найдите материал к любому уроку, указав свой предмет (категорию), класс, учебник и тему:

6 609 788 материалов в базе

Скачать материал

Вам будут интересны эти курсы:

Оставьте свой комментарий

Авторизуйтесь, чтобы задавать вопросы.

  • Скачать материал
    • 05.06.2020 308
    • DOCX 58.5 кбайт
    • Оцените материал:
  • Настоящий материал опубликован пользователем Лукьянова Софья Викторовна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт

    Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.

    Удалить материал
  • Автор материала

    Лукьянова Софья Викторовна
    Лукьянова Софья Викторовна
    • На сайте: 3 года и 2 месяца
    • Подписчики: 0
    • Всего просмотров: 72304
    • Всего материалов: 232

Ваша скидка на курсы

40%
Скидка для нового слушателя. Войдите на сайт, чтобы применить скидку к любому курсу
Курсы со скидкой

Курс профессиональной переподготовки

Технолог-калькулятор общественного питания

Технолог-калькулятор общественного питания

500/1000 ч.

Подать заявку О курсе

Курс повышения квалификации

Компьютерная грамотность для пенсионеров

36 ч. — 180 ч.

от 1580 руб. от 940 руб.
Подать заявку О курсе

Курс повышения квалификации

Методы и инструменты современного моделирования

72 ч. — 180 ч.

от 2200 руб. от 1100 руб.
Подать заявку О курсе
  • Сейчас обучается 37 человек из 20 регионов

Курс повышения квалификации

Теоретические и методологические основы преподавания информатики с учётом требований ФГОС ООО

72 ч. — 180 ч.

от 2200 руб. от 1100 руб.
Подать заявку О курсе
  • Сейчас обучается 157 человек из 52 регионов

Мини-курс

Проектное управление

4 ч.

780 руб. 390 руб.
Подать заявку О курсе

Мини-курс

Психологические основы профессиональной деятельности педагога-психолога

4 ч.

780 руб. 390 руб.
Подать заявку О курсе

Мини-курс

Занятия спортом при заболеваниях опорно-двигательного аппарата

3 ч.

780 руб. 390 руб.
Подать заявку О курсе
  • Сейчас обучается 22 человека из 13 регионов