Добавление текста на страницу .
Текст будем писать в этом месте
<td valign="top" width="740"border="2">ЗДЕСЬ БУДЕТ СОДЕРЖИМОЕ СТРАНИЦЫ </td>
Напишим такой текст - Белки любят лазить по деревьям .
смотрите пример:
<td valign="top" width="740"border="2">БЕЛКИ ЛЮБЯТ ЛАЗИТЬ ПО ДЕРЕВЬЯМ </td>
<!DOCTUPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN ">
<html>
<head>
<title>Название Страницы</title>
</head >
<body>
<center>
<table width="1280" height="240" border="2" cellpadding="2" cellspacing="2">
<tr>
<td valign="top"width="1280"background="img/header.jpg" border="2"cellpadding="2" cellspacing="2">здесь будет шапка сайта</
td>
</tr>
</table>
<table width="1280" height="380" border="2" cellpadding="2" cellspacing="2">
<tr>
<td valign="top" width="240"background="img/fonsl.JPG" border="2">здесь будет левое меню страницы</td>
<td valign="top" width="740"border="2"><img src="img/belka.JPG" width="220" height="180"</p>
Белки любят лазить по деревьям </td>
<td valign="top" width="300"border="2">здесь будет правое меню страницы </td>
</tr>
</table>
<table width="1280" height="80" border="2" cellpadding="2" cellspacing="2">
<tr>
<td bgcolor="a8b795" valign="top">подвал страницы</td>
</tr>
</table>
</center>
</body>
</html>
Посмотрите пример как должно получиться Нажав сюда
Заголовки .
Для выделения заголовков используются парные тэги от <H1> до <H6>
<H1> - открывающий тег </H1> - закрывающий тег
<H1> ЗАГОЛОВОК 1 </H1>
<H2> ЗАГОЛОВОК 2 </H2>
<H3> ЗАГОЛОВОК 3 </H3>
<H4> ЗАГОЛОВОК 4 </H4>
<H5> ЗАГОЛОВОК 5 </H5>
<H6> ЗАГОЛОВОК 6 </H6>
|
ЗАГОЛОВОК 1
ЗАГОЛОВОК 2
ЗАГОЛОВОК 3
ЗАГОЛОВОК 4
ЗАГОЛОВОК 5
ЗАГОЛОВОК 6
|
Отступ первой строки параграфа.
<p STYLE="text-align: justify; text-indent: 1em;"> Ваш текст </p>
|
где-1em; размер отступа.
Абзацы в HTML пишутся с помощью тега <P> ВАШ ТЕКСТ </P> .
<P> - открывающий тег </P> - закрывающий тег
Выравнивание абзацев
<P ALIGN="center"> Ваш текст будет выровнен по центру. </P>
<P ALIGN="left"> Ваш текст будет выровнен по левой стороне. </P>
<P ALIGN="right"> Ваш текст будет выровнен по правой стороне. </P>
<P ALIGN="justify"> Ваш текст будет на всю ширину страницы. </P>
|
С помощью тега <HR> можно вставлять в текст горизонтальную разделительную линию.
Мороз и солнце; день чудесный!
Ещё ты дремлешь, друг прелестный,—
Пора, красавица, проснись,
Открой сомкнуты негой взоры...
<HR ALIGN="center"> Выравнивание линии по центру
<HR ALIGN="left"> Выравнивание линии по левому краю
<HR ALIGN="right">Выравнивание линии по правому краю
<HR WIDTH="600"> Ширина линии в процентах или пикселях
<HR SIZE="2"> толщина линии в пикселях
<HR COLOR="f87409"> можно менять цвет линии
|
пример
<HR WIDTH="600"COLOR="f87409" SIZE="2" ALIGN="center">
|
Чтобы поменять размер и цвет текста применяют тег <FONT>
<FONT> - открывающий тег </FONT> - закрывающий тег
<SIZE> - Размер шрифта ( может быть от 1 до 7 )
<COLOR> - Цвет текста
<FONT COLOR="red" SIZE="5"> ваш текст </FONT> получится ваш текст
|
Что бы текст обтекал картинку .
<img src="img/КАРТИНКА.jpg" align="left"vspace ="30" hspace ="30">
<img src="img/КАРТИНКА.jpg" align="right"vspace ="30"hspace ="30">
|
картинка слева а текст обтекает её справа
картинка справа а текст обтекает её слева
|
vspace ="30" - отступ от верха
hspace ="30" - отступ по бокам
Нажмите сюда что бы посмотреть пример обтекание картинки текстом справа .
Что бы прекратить обтекание нужно поставить тег <br>
Как написать на одной строке , что бы один текст был расположен в левой стороне страницы а другой справой стороны ? .
Для этого случая можно применить таблицу
<table width="800"height="50"valign="top">
<tr>
<td valign="top"> Текст слева </td>
<td valign="top"><p align="right"> Текст справа </p></td>
</tr>
</table> |
Ширину и высоту таблицы пишите свой (такое расположение можно применить и для фото).
<BR> - Переход на новую строку
<strong> ваш текст или одно слово </strong> - Текст будет жирным
<blockquote> ваш текст </blockquote> - Отступы с обеих сторон текста
<U> ваш текст </U> - Текст будет подчёркнутым
<STRIKE> ваш текст </STRIKE> - Текст будет перечеркнутым
<kbd> ваш текст </kbd> - Имитация текста печатной машинки
<tt> ваш текст </tt> - Имитация текста печатной машинки
<address> ваш текст </address> - Наклонный текст
<SUB> ваш текст </SUB> - Нижний индекс Au2O
<SUP> ваш текст </SUP> - Верхний индекс темтеретура 20°C
<marquee> ваш текст ></marquee> - Бегущяя строка - также можно поставить картинку
|
на прежнию
далее
на главную
|
