Помощь начинающим блогерам

Вот пример Некоторых тегов

Шрифт

<b>жирный</b>.
Результат: жирный

<i>курсив</i>.
Результат: курсив

<u>подчеркнутый</u>.
Результат: подчеркнутый

<s>зачеркнутый</s>.
Результат: зачеркнутый

Все эти теги можно комбинировать, сохраняя их вложенность, например:
<font color=green><u><b>Пример использования</b></u></font>.
Результат: Пример использования

Цвет

<font color=green>Зеленый</font>.
Результат: зеленый

ИЛИ ТАК < BODY bgcolor="#FF0000">< /BODY> -фон цвета вашей страницы будет красный Все «безопасные» цвета из так называемой Web-палитры, которые одинаково отображаются всеми браузерами. В таблице «безопасных» цветов показан сам цвет, указаны его название и шестнадцатиричное значение. При использовании шестн. значения не забудьте поставить перед числом #. Безопасные цвета в HTML (Web-палитра)< /a>

Размер

<font size=4>Крупный шрифт</font>.
Результат: Крупный шрифт

Цифру 4 меняйте на более крупный или мелкий шрифт.

Вставить ссылку

<a href=http://mail.ru target=_blank>Ссылка</a>.
Результат: Ссылка
Параметр target=_blank означает, что ссылка откроется в новом окне.

Ссылки. Теги HTML для создания гиперссылок< /a> - читать более подробную информацию на сайте.

Вставить картинку

<img src="адрес картинки" width=500>

Если нужно разместить картинку слева или справа от текста, то в тег добавляется параметр align:

    Для вставки картинок в HTML используется тег IMG с обязательным атрибутом SRC. Этот атрибут указывает браузеру путь к файлу изображения. Т.е. для вставки картинки с названием logo.jpg в определенное место html-страницы (при условии, что и страница, и картинка расположены в одной папке (каталоге)) нужно в этом месте вставить следующий html-код:

    Если графика и страница расположены в разных каталогах (папках), то нужно указать путь к изображению относительно страницы. Например, если html-страница лежит в каталоге (папке) site, в этом же каталоге (папке) расположен подкаталог (папка) images, в котором и находится наша картинка logo.jpg, то для ее вставки нужно написать так:

    Помимо обязательного атрибута src у тега IMG есть еще несколько необязательных атрибутов. Рассмотрим их подробнее:

• width — ширина изображения в пикселах или процентах;

• height — высота изображения в пикселах или процентах.

Графика. Теги HTML для вставки изображенийк< /a>

ВОТ ЧТО ПОЛУЧАЕТСЯ...

Размеры картинки также можно регулировать; < img src="Адрес картинки" alt="Название картинки" border="0" width="Размер картинки" />

• <img src="адрес картинки" width=500 align=left> – картинка слева от текста;
• <img src="адрес картинки" width=500 align=right> – картинка справа от текста.
  
  
  

  Спрятать часть текста или картинки, оставив на них ссылку

  <cut text="продолжение тут">много <b>текста</b>и картинка:<img src="адрес картинки"></cut>
  
  
  

  Сделать ссылку на другого пользователя Блогов

  Пример: <user email="user_tag@mail.ru">.
  Результат:  Псевдоним
  
  Если хочется вместо ника написать что-нибудь свое, сделайте так:
  Пример: <user email="user_tag@mail.ru" nick="Александр">.
  Результат:  Александр
  
  
  

  Сделать ссылку на сообщество

  Пример: <user community="blogs_dev">
  (в кавычки пишется название сообщества в URL)
  Результат:  Блоги@Mail.Ru
  
  Если хочется к ссылке написать свое название:
  Пример: <user community="blogs_dev" nick="Предложения по Блогам">
  Результат:  Предложения по Блогам

Таблицы в HTML, атрибуты тега TABLE. В HTML таблицыприменяются не только привычным нам образом (как набор данных, распределенных по строкам и столбцам), но и для удобства размещения информации на html-странице. Проще говоря, можно представить всю html-страницу в виде таблицы и, например, поместить меню в ее левый столбец, основную информацию в средний столбец, а дополнительные ссылки в правый столбец. Количество столбцов и строк выбирается только тобой и может быть любым. Страница, которую ты сейчас читаешь изначально была построена по этому принципу: она разбита на несколько строк, а каждая строка на столбцы (причем в разных строках разное количество столбцов). В некоторые из получившихся ячеек в свою очередь помещены еще таблицы. Ты можешь даже чисто визуально это увидеть. Но перейдем непосредственно к практике.

    Сама таблица в HTML задается тегами < TABLE> и < /TABLE>, строки таблицы (помещаются между тегами < TABLE> и < /TABLE>) тегами < TR> и < /TR>, а столбцы таблицы (помещаются между тегами < TR> и < /TR>) тегами < TD> и < /TD>.

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

< table>
  < tr>
    < td>Первая ячейка< /td>
    < td>Вторая ячейка< /td>
  < /tr>
< /table>

    Этот код можно записать и так:

< table>< tr>< td>Первая ячейка< /td>< td>Вторая ячейка< /td>< /tr>< /table>

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

    По умолчанию таблица представляется в браузере без рамок. Чтобы рамки были видны, используется уже знакомый тебе по предыдущим разделам атрибут border:

< table border="1">
  < tr>
    < td>Первая ячейка< /td>
    < td>Вторая ячейка< /td>
  < /tr>
< /table>

    И тогда браузер покажет

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

    Можно поменять цвет внешней рамки с помощью атрибута bordercolor. Например,

< table border="10" bordercolor="#FF0000">
  < tr>
    < td>Первая ячейка< /td>
    < td>Вторая ячейка< /td>
  < /tr>
< /table>

    Тогда в браузере мы увидим

    Чтобы изменить расстояние между соседними ячейками используется атрибут cellspacing. Давай для наглядности усложним таблицу: сделаем две строки по три столбца и применим атрибут cellspacing:

< table border="5" cellspacing="10">
  < tr>
    < td>Первая ячейка< /td>< td>Вторая ячейка< /td>< td>Третья ячейка< /td>
  < /tr>
  < tr>
    < td>Четвертая ячейка< /td>< td>Пятая ячейка< /td>< td>Шестая ячейка< /td>
  < /tr>
< /table>

    Браузер покажет

    Для того, чтобы задать отступы внутри ячеек применяется атрибут cellpadding. Если в нашем HTML-коде поменять первую строку вот так

< table border="5" cellpadding="10">

то мы получим

    Чтобы расширить ячейки по горизонтали (столбцам) или по вертикали (строкам), в HTML применяются следующие атрибуты:

colspan — расширение ячеек по горизонтали (столбцам);

rowspan — расширение ячеек по вертикали (строкам).

    Например, изменим наш HTML-код так:

< table border="5" cellpadding="10">
  < tr>
    < td colspan="2">Первая и вторая ячейки< /td>< td>Третья ячейка< /td>
  < /tr>
  < tr>
    < td>Четвертая ячейка< /td>< td>Пятая ячейка< /td>< td>Шестая ячейка< /td>
  < /tr>
< /table>

в браузере увидим

    А если так

< table border="5" cellpadding="10">
  < tr>
    < td>Первая ячейка< /td>< td>Вторая ячейка< /td>< td rowspan="2">Третья и шестая ячейки< /td>
  < /tr>
  < tr>
    < td>Четвертая ячейка< /td>< td>Пятая ячейка< /td>
  < /tr>
< /table>

то получим

    Изменить размеры таблицы и ячеек можно с помощью атрибутов width (ширина) и height (высота). Их значения задаются в пикселах или процентах. Например,

< table width="75%" height="25%">

    Аналогично и для ячеек. Горизонтальное выравнивание таблицы относительно html-страницы производится с помощью уже известного тебе из предыдущих разделов атрибута align. Его значения также тебе уже знакомы: center (по центру), left (по левому краю) и right (по правому краю). Этот же атрибут применяется для выравнивания содержимого ячеек. Например, для выравнивания всей таблицы это выглядит так

< table align="center">
  < tr>
    < td>Первая ячейка.< /td>< td>Вторая ячейка.< /td>
  < /tr>
< /table>

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

< table align="center">
  < tr>
    < td align="left">Первая ячейка.< /td>< td>Вторая ячейка.< /td>
  < /tr>
< /table>

    Для вертикального выравнивания содержимого ячеек предназначен атрибут valign, у которого есть следующие значения:

baseline — по базовой линии;

bottom — по нижнему краю;

middle — по середине (значение по умолчанию);

top — по верхнему краю.

Пример:  < td valign="top">Первая ячейка.< /td>

    Про цвет фона. Цвет фона всей таблицы или отдельных ее ячеек устанавливается с помощью атрибута bgcolor. О том, как выбрать значение цвета в HTML мы говорили ранее Атрибуты тега BODY. Пример

< table border="5" cellpadding="10" bgcolor="#FFFFFF">
  < tr>
    < td>Первая ячейка< /td>< td>Вторая ячейка< /td>< td rowspan="2">Третья и шестая ячейки< /td>
  < /tr>
  < tr>
    < td>Четвертая ячейка< /td>< td bgcolor="#FF0000">Пятая ячейка< /td>
  < /tr>
< /table>

    В браузере мы увидим

    При помощи атрибута background можно задать фон всей таблицы или отдельных ячеек графическим изображением. Пример для фона всей таблицы

< table background="путь до картинки">

    Для ячейки, как ты понимаешь HTML-код будет таким

< td background="путь до картинки">

И в заключении я приведу пример что можно сделать зная теги и применяя их на практике... Получилась вот такая рамка с уроком "Окошко для вставки кода" внутри..