аватар Автор: Сергей Касаткин | 21 января 2013 16:53

Уроки / HTML /

Что такое html, основные понятия

Из истории HTML


HTML появился приблизительно в 1986-1991 годах в Европейском Центре ядерных исследований в Женеве (Швейцария). Разработал его британский учёный Тим Бернерс-Ли.


Тим Бернерс-Ли - cоздатель HTML


В настоящее время большинство страниц в Интернете создаются при помощи HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа в удобной для человека форме.

HTML


( от англ. HyperText Markup Language - язык гипертекстовой разметки)

На языке HTML интернет-браузеру передаётся информация о том, какой текст и другие элементы (ссылки, изображения, таблицы, формы) и как нужно отображать на странице. На языке HTML верстают, а не программируют - особым образом размечают текст и объекты для публикации в интернете (где, какого цвета и тп).

Теги


HTML документ содержит в себе так называемые теги. HTML теги - это ключевые слова или символы, заключенные в угловые скобки. С помощью тегов браузер распознает структуру и значение вашего текста, они передают браузеру информацию о содержании, расположении и свойствах элементов HTML страницы.
Результат обработки данного кода Вы можете видеть каждый раз, когда выходите в Интернет.

Пример конструкции

<открывающий тег>   Текст в тегах   </закрывающий тег>

Пример кода

<b>жирный шрифт</b> <!--тег <b> для обозначения жирного шрифта, а тег </b> обозначает прекращение выделения жирным -->
<i>курсив</i> <!--тег <i> для обозначения курсива-->

В браузере данный код отобразит следующее:

жирный шрифт
курсив


Как правило, теги должны быть открывающими и закрывающими. Старайтесь не забывать закрывать их. В противном случае браузер не сможет понять, когда вы захотите закончить какой-либо элемент и будет, например, дальше весь текст выделять жирным или курсивом.


Атрибуты тегов



Атрибуты тегов нужны для добавления HTML-элементам определённых свойств, изменений уже заданных или передачи специальных, необходимых им для работы, инструкций. Для каждого тега есть определённый список атрибутов.

Если для тега нет значения какого-либо допустимого атрибута (то есть указания его ширины и высоты и тд), то это означает, что браузер будет подставлять значение, заданное по умолчанию.


Пример кода

<img src="image.jpg" width="100" height="100">

Атрибут тега имеет определённый тип (например: текст, число, путь к файлу и тд), который обязательно должен учитываться при написании атрибута. Тег img служит для обозначения изображения, атрибут src для введение его адреса относительно данного файла, а другие атрибуты width и height обозначают соответственно Ширину и Высоту нашего изображения.

Ссылки


Язык HTML позволяет связывать страницы между собой с помощью ссылок (линков).

<a href="index.html">На главную</a>

Наличие ссылок являтся основным свойством веб-страниц. Ссылкой может являться не только некоторая часть текста, но изображение, ее часть или область сайта.

Пример кода готовой страницы


(файл index.html):

<html>
  <head>
    <title>
    Название странички
    </title>
  </head>

  <body>
    <h1>Заголовок</h1>
    Это моя web-страничка!
    <a href="index.html">Ссылка на саму себя</a>
  </body>
</html>


Демонстрация Скачать исходники


Спасибо за внимание! Продолжение в следующих уроках!
 



Похожие статьи


Комментарии к статье (vk.com)