Отправляет email-рассылки с помощью сервиса Sendsay

Как быстро и легко создать шикарный сайт.

Рассылка закрыта

При закрытии подписчики были переданы в рассылку "Как начать проект онлайн и не тормозить!" на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

  Август 2011   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Автор
iappc2011vlad@list.ru

Статистика

260 подписчиков
-1 за неделю
←   Все выпуски   →

Как быстро и легко создать шикарный сайт. HTML для начинающих. Урок 1


Как быстро и легко создать сайт.
Тема выпуска: HTML для начинающих. Урок 1

 Здравствуйте!

Начинаем серию статей 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 на хорошем уровне.

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