ТЭГИ HTML

13.06.2011

htmlHTML язык – основа  сайтостроения. Не  зная  этой  основы, очень сложно разобраться в  тонкостях редактирования  своего же  блога.  Выровнять вставленные  фотографии или  изменить цвет записи в  виджетах – вот, пожалуй,  самые  простые примеры  использования  языка html  для  облагораживания своего детища.

В этой  статье расскажу про основные  тэги html языка  и  их применение.

Тэги – элементы  языка html. Бывают парные и одинарные.

АБЗАЦ

<p> абзац

</p> закрывающий  тэг абзаца – ставится  в  конце.

</…> - косая  черта перед буквой означает, что это закрывающий  тэг.

Выглядит это так:

<p>АБЗАЦ</p>

При  написании  статьи в  админ-панеле блога не  путайте поле  ввода  обычного текста  с  полем  ввода html-кода.

<p align=”center”>АБЗАЦ</p>

Абзац  будет размещён в  центре. Можно изменить его расположение простой  заменой. Например:

<p align=”left”>АБЗАЦ</p>   - смещение  влево.

<p align=”right”>АБЗАЦ</p> - смещение вправо.

ЗАГОЛОВОК

<h1>ЗАГОЛОВОК</h1>   - Меняя  цифру  после “h” – изменяем  величину  заголовка.

ПЕРЕНОС СТРОКИ

Тэг переноса  строки   <br> ставится  в её конце. Непарный  тэг.

ТЭГИ СПИСКОВ

<ol> контейнер для  элементов  списка </ol>

1) Нумерованные

<ol>

<li>первый  элемент</li>

<li>второй  элемент</li>

</ol>

2) Ненумерованные (то есть с кружочками по умолчанию)

<ul>

<li>первый  элемент</li>

<li>второй  элемент</li>

</ul>

<ul type=”A” start=”7”>

То есть вместо кружочков  список будет из больших   (“A”) или строчных (“a”) букв, а  стартовать список  будет  не  с единицы, а  в  нашем  случае с  седьмого элемента.

<ul type=”square”>  -  чёрные  квадратики  вместо чёрных кружков.

<ul type=”circle”> - прозрачные кружки вместо черных.

ШРИФТЫ

<font face=”verdana” size=”2” color=”#000000”>НАШ ТЕКСТ</font>

Face – выбор шрифта, например verdana или tahoma

Size – размер текста

Color – цвет текста  или  отдельного слова.

Есть множество программ автоматического определения  html кода цветов.

<p><strong>Жирный  текст</strong></p>

Обратите  внимание – при  закрытии  тэгов  их следует прописывать в  обратной  хронологии от начала.

КАРТИНКИ, ИЗОБРАЖЕНИЯ

<img> - одинарный  тэг изображения

<img  src=”картинка.jpg” width=”120” height=”125”>

Здесь – картинка, в  формате jpg. Шириной 120px, высотой 125px.

border=”2” – рамка  в 2px вокруг картинки. Можно указать и  цвет рамки.

hspace  и vspace -  отступы  картинки от текста  по вертикали  и  горизонтали.

Alt=”изображение”   - альтернативное описание  картинки, если  в  браузере отключена  функция показа  изображений.

Всё  вместе  будет выглядеть так:

<img src=”картинка.jpg” width=”120” height=”125” align=”left” hspace=”10” vspace=”15” alt=”изображение”>

ТАБЛИЦЫ

<table>таблица</table>

<tr> строка (табличный  ряд) </tr>

<td>столбец</td>

Так же можно задать ширину  таблицы тегом <width>, сделать рамку тегом <border> и  выравнивание тэгом <align>

<bgcolor=”цвет”>  - фоновый цвет ячейки таблицы

<bordercolor=”цвет”> - цвет рамки  таблицы.

ССЫЛКИ

<a>ссылка</a>

<a href target=”blank”>ссылка</a>   - открыть ссылку  в  новом  окне.

Ссылки  на  другие  сайты отдают вес вашего сайта  сторонним  ресурсам. Чтобы  этого избежать, делаем ссылку  закрытой:

<noindex>нужная  ссылка</noindex>

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

Виды  заработка  в  Интернете.

Чистка компьютера.

Advego Plagiatus.

Smsrtresponder.

Понравилась статья? Расскажите друзьям.
Общайтесь со мной:

33 Comments

  • Кое-что уже знала, остальное с интересом прочла. Пригодится.

  • Вера Васильевна:

    Здорово! Думаю, надо вводную сделать поподробнее, для «чайников». С чего начать знакомиться. Что делается — понятно, а где и как — нет. Очень долго самой придётся разбираться. Заранее спасибо за открытость и готовность помогать!

  • admin:

    Вера, в принципе это действительно вводная статья. Рассмотренные в ней примеры можно применять в любой статье и на главной странице блога. В последующих статьях (или в дополнении к этой статье, или же в бесплатной рассылке — ещё не остановились на выборе формата) можно подробнее описать, где именно применять те или иные теги и в какой последовательности.

  • Вау это высшая математика прямо, однако позновательно

  • Этот язык для меня пока «китайский». Будем потихонечку осваивать. Тут торопиться нельзя, ведь даже положение черточки важно!

  • Спасибо за урок. Буду осваивать.

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

  • Это полезная статья. А кто с этим знаком, он ведь может и не читать. Но, уверен, многим будет полезно.

  • Полезная статья. Хотелось бы почитать о тегах, которые отображаются сверху, когда новую статью размещаешь или редактируешь в режиме html (это я о WordPress).

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

  • не чему не понимаю кто нибудь бы преподал нам уроки тут нужно хорошо разобраться

  • это нужно знать тем, кто занимается сайтами.

  • Конечно. нужная и полезная статья, обязательно продолжайте, Елизавета!

  • Перед тем, как поступить в СтартАп, я изучала html, кое-что помню. :)

  • Елизавета, продолжайте, это интересно.

  • Можно и так начинать изучать язык html.

  • Большое спасибо за статью! Продолжайте публиковать продолжение. Повторение — мать учения!

  • замечательно все разъяснили, в тэгах ничего не понимаю

  • Тема очень важная! И правильно, что вы ее затронули. Потому как, мне кажется, среди нас много таких, прямо как я, которым нужно еще все вразумительно растолковывать. Вот мне — точно!

  • Елизавета!Продолжайте тему,многим будет полезна.Спасибо.

  • Марина:

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

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

  • Знать этот язык было бы очень великолепно!

  • Сколько я не изучала HTML , все равно трудно им владеть. ОБычно я брала основу этих обозначения со своего сайта на Народе, и вставляла нужные ссылки, фото, заголовки, а все эти обозначения просто копировала в зависимости оттого, что мне нужно сделать.

  • Запомнить трудно все эти тэги. Мне предпочтительней иметь шпаргалочку под рукой,чтобы воспользоваться html.

  • Хорошая и нужная статья.Пригодится всем конструкторам сайтов.Немного сложновато для начинающих,таких как я,но надо учиться.

  • Для создания своего сайта необходимо знать HTML-язык. Вы, молодец, я говорю это как специалист.

  • Спасибо за интересную и полезную статью. Я в этих вопросах полный «чайник», поэтому для меня очень кстати.

  • Вот спасибо. Очень нужная статья для нас начинающих блоггеров.

  • Cпасибо за полезные советы.

  • Спасибо, очень помогли. То что надо для понимания с чего все начинается.

  • Почему мои комментарии не публикуются кто нибудь мне ответит ???

  • admin:

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

полезные советы