HTML- основы

HTML - основы

html основы

Что бы устранить ошибки, внести поправки или что то добавить на страницу сайта, вам не придётся обращаться к квалифицированным специалистам, если вы знаете основы HTML.

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

Язык HTML не так сложен, как может показаться на первый взгляд. Уделив этому немного времени, его может освоить каждый.  

Знание языка HTML - первый шаг к созданию своего сайта. Как сделать сайт на CMS Joomla

HTML состоит из тегов (элементов разметки).
Полный элемент,(парный) имеет открывающий и закрывающий тег.

Неполный -(непарный) только открывающий.

Символьный - элемент в виде символа.

Основная часть тегов в документе содержат открывающий <...> и закрывающий тег</...>.

Пример: <h1>загаловок</h1> <div> текст</div>

Теги не требующие закрытия.

Пример: <img> - вставка изображения, <br> - разрыв/с новой строки.

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

Структура документа.

Основные контейнеры составляющие документ в HTML.

<HTML>
<HEAD>
</HEAD>
<BODY>
</BODY>
</HTML>

В контейнере между тегов <HTML> </HTML> находится всё содержание документа - все остальные теги, основной контент.

Внутри контейнера <HEAD> </HEAD> находятся служебные команды, дающие браузеру информацию о сайте, которые не показываются на экране.

В контейнере между тегов <BODY> </BODY>находится всё содержимое страницы, что будет показываться на экране.

Составляющие контейнера HEAD.

Внутри контейнера <HEAD> </HEAD> задаётся информация для браузера и поисковых систем, а так же другие необходимые параметры. 

А так же теги:

Title – между тегами <title></title> вставляем название сайта или страницы.

Никогда не забывайте придумывать для каждой страницы уникальный тег заголовка. Это необходимо для лучшей индексации ваших страниц поисковыми системами.

Мета-теги несут служебную информацию о странице. В дальнейшем мы подробней поговорим об этой теме.


Основные теги применяющиеся для форматирования документа

  • <p>текст</p>- тег параграфа: заключённый в эти теги текст выделяется какотдельный абзац/параграф.
  • <h1>заголовок</h1> <h2></h2>...: тег заголовка, <h1> - самый крупный, <h2> - поменьше и т.д.
  • <br> - тег разрыва строки: не парный - после этого тега текст начинается с новой строки
  • &nbsp;- символьный тег "пробел": добавляет пробел в тексте.


С тегами применяются атрибуты. Например тег <p>имеет атрибутalign. Атрибутalign служит для выравнивания текста.


Пример:

<p align="center">Мой текст</p>

align со значением «center» диктует браузеру, что внутри абзаца <p> текст будет выровнен по центру.

Основы html размещение по центру

Мой текст

<p align="left">…</p>

align со значением «left» диктует браузеру, что внутри абзаца <p> текст будет выровнен по левому краю.

Мой текст

<p align="right">…</p>

align со значением «right» диктует браузеру, что внутри абзаца <p> текст будет выровнен по правому краю.

Мой текст

<p align="justify">…</p>

align со значением «justify» диктует браузеру, что внутри абзаца <p> текст будет выровнен по ширине.

Мой текст Мой текст Мой текст Мой текст Мой текст Мой текст Мой текст Мой текст

Стоит сказать: по умолчанию текст всегда выравнивается по левому краю, так и будет - если не зададите параметры <align=">

Для удобства в работе существует тег комментариев<!---->, 
пример: <!--текст комментария --> - текст комментария не отображается на экране.


***

Полезные статьи

 

Спутниковый интернет, компьютер и связь

 

Спеть дуэтом с компьютерной программой

Как заработать самому в интернете

Как удалить /index.php/ из URL

Как определить закрыта или нет ссылка тегами «nofollow»и «noindex»

Функции в языке программирования JavaScript, создание и работа с ними.