Реальный пиарHTMLОбщее представление → Основы HTML для начинающих. Урок 1 (Теги)

Основы HTML для начинающих. Урок 1 (Теги)

язык html

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

Вы спросите для чего?

Для того чтобы уметь самому обращаться со своим сайтом/блогом, а по всяким мелочам и пустякам, которые вы можете решить и устранить самостоятельно, не прибегать к посторонней помощи квалифицированных веб-дизайнеров и программистов (ну может и не квалифицированных, кого найдете, короче ).

Так вот, кто только подумывает начать вести свой блог, вам просто необходимо знать самые азы HTML и CSS, чтобы эффективно управлять своим ресурсом, в противном случае вы не сможете добиться отображения вашего сайта в браузере на 100% так, как вам этого хочется.

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

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

Ну что ж, пожалуй, начнем…

Теги «HTML»

Что такое вообще тег?

Тег — это элемент языка Html, который указывает браузеру, как отображать тот или иной объект на странице (таблицу, слово, абзац, ссылку, изображение и т.д.).

К примеру, у нас есть на странице какой-нибудь текст, написанный «сплошняком», без каких-либо абзацев, отступов, выделений и т.д. Если вы хотите, чтобы некоторые его части (предложения) имели абзац (параграф), их нужно заключить в следующий тег:

<p>То, что вы хотите заключить в абзац</p>

Как видите, там, где ваш абзац заканчивается, ставится такой же тег, только перед ним еще дописывается обратный слеш — «/».

Теперь давайте поговорим о том, из чего состоит обычная Html-страничка.

Как правило, код любой веб-страницы состоит из следующих элементов и тегов:

— версии языка Html;

— версия языка Html заключена в корневой парный (также бывают и непарные теги, к примеру, <br>, <meta> и др.) тег <html>здесь размещаются теги <head> и <body></html>;

— тега <head>здесь находятся служебные теги и информация о кодировке страницы, заключенная в непарный тег <meta></head>;

— тега <body></body>.

Вот как выглядит Html-код обычной веб-страницы:

<! DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN»>
<html>
<head>

<title>заголовок страницы</title>
<meta http-equiv="Content-type" content="text/html" charset="windows-1251">
<meta name="keywords" content=«ключевые слова вашей страницы через запятую»>
<meta name="description" content=«краткое описание вашей страницы»>

</head>

<body>

</body>

</html>

Также еще у тегов могут быть атрибуты, к примеру, у служебного тега <meta> атрибут name="...", где в кавычках прописывается значение «keywords» или «description». Также существует множество атрибутов и у других тегов, например возьмем тег <p>:

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

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

какой-то текст какой-то текст

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

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

какой-то текст какой-то текст

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

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

какой-то текст какой-то текст

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

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

На этом, думаю, первый урок можно заканчивать. Если вы считаете, что в нем рассказывалась всем известная информация для умственно отсталых, то я рад за вас — значит ваши знания по языку HTML на хорошем уровне, так что этот урок оставим для полных чайников

До встречи в следующих уроках!


P.S. Чтобы не пропустить следующие уроки из цикла html для начинающих, рекомендую подписаться на обновления блога по E-mail или RSS.


Источник: http://ajzetullin.com

Рекомендуем



Основы HTML для начинающих. Урок 2 (Текст и заголовки) Теперь давайте поместим на нашей web-страничке какой-нибудь текст, ведь для этого мы ее и создавали, чтобы размещать свои мысли и статьи на ней


Html c нуля Браузеры преобразовывают значение параметра http-equiv, заданное с помощью content, в формат заголовка ответа HTTP и обрабатывают их, как будто они прибыли непосредственно от сервера


Основы HTML для начинающих. Урок 3 (Списки) Vivamus varius, augue vitae tincidunt laoreet, lectus erat ullamcorper tortor, ac convallis mi nibh sit amet justo