В среде WEB используется язык HTML – это язык который определяет как браузеру воспроизводить страницу. Если это текст – то в каких местах отступы, цвет текста, размер и шрифт. Если на странице имеются фотографии, рисунки, то с помощью этого языка можно определить как разместить – по левому краю, по центру, по правому краю, размер изображения. Каким образом будет взаимодействие с текстом, это или обтекание текста вокруг рисунка (фотографии) или иные способы размещения этого текста.

А так же ЛЮБЫЕ ДРУГИЕ УКРАШАТЕЛЬСТВА НАШЕЙ СТРАНИЦЫ

При изучении языка Html прежде всего необходимо уяснить - существуют три его главных термина (обозначения). Вначале запомните.  В последующем на практике все станет ясным и простым.

                                                                                         1).   -  Тег. 

                                                                                         2).   -  Атрибут.

3).   - Элемент.

1). Тег  В переводе с английского языка,  означает метка или маркировочный знак.  Например,  <html >, <p>,<h1>,<div> и так далее. Все тэги начинаются знаком < " и заканчиваются знаком > ".

В свою очередь этот маркировочный знак (Тег) имеет значение – открывающий тег  <html >, и закрывающий  </html >  В закрывающем обязательно имеется слэш " / ".

Например

набираем в блокноте или в Notepad++  текст c использованием Тег  h1, h2, h3, h4, h5,h6 (см. ниже)

<h1> Самый крупный заголовок </h1>

<h2> Заголовок поменьше </h2>

И далее Вы уже поняли с последующими тегами <h3,4,5.6>

заголовок будет уменьшаться по высоте

Сохраняем как  с расширением .html  на любой наш диск  в любую папку (к примеру:    index.html)  и запускаем созданный файл.

В браузере вы увидите следующее

Здесь тег <h1> означает заголовок первого уровня, а тег <h2> - второго уровня. В начале  тег открывается, затем идет его содержимое, потом он закрывается. Как видите все очень просто!

 

2).Атрибут.

Это Дополнительная информация по данному тегу. Атрибуты всегда записываются внутри тега, после чего следует знак  равенства  и тонкие детали атрибута, заключённые в двойные кавычки.

пример  

Атрибутalign (размещать)  его тонкость  размещать по центру»)  («по левому краю»)  по правому краю» )

пример:

<h1> Самый крупный заголовок </h1>

<h2 align="center"> Заголовок поменьше </h2>

Атрибуту align мы придали тонкое значение “center” размещать по центру

Сохраняем как на любой наш диск в любую папку (к примеру: index2.html) и запускаем созданный файл.

В браузере вы увидите свою работу

3).Элемент

Элементы на веб-странице — это все, что находится между открывающим и закрывающим тегами.

пример

 <p>  Все содержимое этого абзаца </p

элемент  описание страницы <HEAD>Все содержимое этого имени</HEAD>

Большая часть html элементов может быть вложена друг в друга. HTML документ состоит из вложенных элементов.

Например   <HTML> содержимое всей страницы</HTML> 

 

Это элементарные основы языка. Зная эти основы можно уже с пониманием работать со страницами на своем сайте

Итак есть определенный набор тегов и их атрибутов, используя которые и создается страница с контентом. Как пазл собирается.

На Проекте "Ваш сайт" Мы столкнемся с языком Html в различных кодах

Счетчики,

Баннеры,

Кнопки соц сетей

В современном сайтостроении используются визуальные редакторы, которые практически освободили Нас как Web мастеров от работы с этими кодами. Работа по созданию Webстраницы ни чем не отличается от обычной работе в программе Word.

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

Представляю небольшую подборку основных тегов и атрибутов языка html Хватит на все случаи жизни

 Описание тега   Теги   Значение аргументов
(вставить вместо ...) 
 Начало и конец страницы   <HTML></HTML>      
 Описание страницы   <HEAD></HEAD>      
 Имя страницы   <TITLE></TITLE>      
 Содержание страницы   <BODY></BODY>      
 Заголовок   <H...></H...>   число от 1 до 6 
 Выравнивание текста   ALIGN="..."   left
center
right 
 Заголовок с выравниванием   <H... ALIGN="..."></H...>    для <H...> число от 1 до 6
для ALIGN="...":
left
center
right 
 Абзац   <P></P>      
 Абзац с выравниванием   <P ALIGN="..."></P>   для ALIGN="...":
left
center
right 
 Перевод строки   <BR>      
 Горизонтальный разделитель   <HR>      
 Адрес автора   <ADDRESS></ADDRESS>      
 Жирный шрифт   <B></B>      
 Курсив   <I></I>      
 Верхний индекс   <SUB></SUB>      
 Нижний индекс   <SUP></SUP>      
 Размер шрифта   <FONT SIZE="..."></FONT>   число от 1 до 6 
 Цвет шрифта   <FONT color="..."></FONT>   Название цвета на английском
языке или
16-ричный код цвета 
 Вид шрифта   <FONT FACE="..."></FONT>   Например:
Arial
Comic Sans MS 
 Вставка изображения   <IMG SRC="...">   URL изображения 
 Изображение с описанием   <IMG SRC="..." ALT="..."></HTML>   для IMG SRC="...":
URL изображения
для ALT="...":
любой текст 
 Фоновое изображение   <BODY BACKGROUND="..."></BODY>   URL изображения 
 Цвет фона   <BODY BGCOLOR="..."></BODY>   Название цвета на английском
языке или
16-ричный код цвета 
 Ссылка на файл   <A HREF="..."></A>   Название и через точку тип файла 
 Ссылка на другую страницу
сайта 
 <A HREF="....HTML"></A>   URL страницы 
 Цвет ссылки   <BODY LINK="..."></BODY>   Название цвета на английском
языке или
16-ричный код цвета 
 Цвет пройденной ссылки   <BODY VLINK="..."></BODY>   Название цвета на английском
языке или
16-ричный код цвета 
 Цвет активной ссылки   <BODY ALINK="..."></BODY>   Название цвета на английском
языке или
16-ричный код цвета