Язык разметки гипертекста HTML

Здравствуйте уважаемые читатели блога Бизнес через интернет! Язык разметки гипертекста HTML нужен при создании web-страниц, из которых соткана всемирная паутина. Многие считают HTML языком программирования, но, на самом деле, это язык разметки документа. При создании HTML документа выполняется разметка текста так же, как это делает редактор в издательстве, определяя размер шрифта, где будет красная строка, что нужно выделить курсивом, где разместить рисунки и прочее.

Самые простые HTML документы – обычные текстовые файлы, имеющие расширение html, такой файл можно создать в Блокноте. Для этого нужно удалить расширение txt и вписать расширение html.

Что такое html теги

Файлы, размеченные по правилам языка гипертекстовой разметки HTML, отображаются на экране компьютера в виде web-страниц с помощью браузера. Современные браузеры обладают большими возможностями, но основным для них остается интерпретация документов размеченных по правилам HTML. Язык гипертекстовой разметки HTML использует символы, которые называются HTML тегами (от англ. tag - признак). Теги выделяются ограничителями <>, внутри этих ограничителей записывается имя тега  <h> (тег заголовка).

Теги могут записываться с параметрами и атрибутами html, которые выполняют определенные функции внутри тега. Например, <p> - тег абзаца, атрибут align - выравнивание текста, “left” - параметр

<p align=”left” – выравнивание текста по левому краю

Большинство HTML тегов парные, их называют открывающие и закрывающие теги. Например, <h></h> - для закрывающего используется символ / (прямой слэш) перед именем тега. Параметры указываются только в открывающих тегах. Содержимое тега, это все, что написано между открывающим и закрывающим тегами. Например: <h>Содержимое тега</h>.

Создание документа с помощью html тегов

Давайте создадим наш первый HTML документ в Блокноте, который выберем из Стандартных программ в меню Пуск.

Запишите в Блокнот теги и содержимое

<html> тег, который указывает, что используется язык HTML,

<head>  обозначает заголовок документа,

<title> название документа,

<body> содержательная часть документа (тело документа),

<h5> тег обозначает заголовок, который будет отражаться жирным шрифтом,

<p> тег, обозначающий абзац.

В нашем документе все теги парные и имеют закрывающий тег со знаком / (прямой слэш).

Теперь нужно сохранить документ с расширением html. Выбираем в Блокноте меню Файл и нажимаем на строку Сохранить как. В диалоговом окне  выбираем место для документа на компьютере, вписываем имя файла с расширением: Первый документ.html и нажимаем кнопку Сохранить.

Чтобы с компьютера открыть файл кликните по нему два раза левой кнопкой мыши и в окне браузера увидите свой  HTML документ.

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

Обязательно изучите бесплатный курс по HTML, изложенный доступно и понятно в видеоформате. Изучив курс вы будете без труда разбираться с тегами, атрибутами и параметрами HTML, научитесь создавать страницы с красивыми заголовками, размещать фотографии, форматировать текст, создавать кнопки, оформлять ссылки и многое другое. В курсе 33 Бесплатных видео урока!

Подписаться на курс по HTML.

Желаю успехов в изучении HTML и до скорых встреч на страницах блога Бизнес через интернет!

Буду очень признательна, если вы используете эти кнопки! Спасибо! 

Навигация

Предыдущая статья: ←

Следующая статья:

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

Посетите наши страницы в социальных сетях!

ВКонтакте.      Facebook.      Twitter.      YouTube.      RSS.
Вверх
© 2017    pro250.ru Все права защищены

Копирование материалов сайта разрешено только при наличии активной ссылки

  //    Войти
Яндекс.Метрика Рейтинг@Mail.ru