оформление текста html страниц
Теперь подойдем к делу по серьезнее,рассмотрим элементы оформления текста html страниц,всеми можно не пользоваться,это не к чему, достаточно провести несколько экспериментов и выбрать те которыми тебе нравится пользоваться,а когда будеш уверенно работать с выбранной группой применяй что нибудь новое чего тебе не хватало,если тебя нет бумажного самоучителя,выписывайте теги на простой листок бумаги и пользуйтесь как справочником "шпаргалкой" или сохрани эту страницу в закладках.
Сложного в оформлении текста ничего нет,самое главное взять любой текст,любой с копировать и вставить в свою страничку,либо написать собственное сочинение и попробовать оформить используя приведенными ниже элементами"теги",все они парные,кроме одного перехода на новую строку,если требуется перейти на новую строку в определенном месте,то в конце достаточно вставить этот тег<br/>
и вы на новой строчке или например элемент<p>&</p>-заключенный между этими тегами текст имеет небольшой отступ от основного
А так же посмотри на пример если не понятно как использовать приведенные ниже теги,смотри пример и особенно исходный код страницы»
Большинство hTML документов имеют заголовок. Для его создания используют теги <hn></hn>, где n – число от 1 до 6. Заключив текст между этими тегами, вы получите заголовок определенного размера.
<h1>оформление текста</h1>
<h2>оформление текста</h2>
<h3>оформление текста</h3>
<h4>оформление текста</h4>
<h5>оформление текста</h5>
<h6>оформление текста</h6>
Для создания нового абзаца используется тег <p>, а для перехода на новую строчку без создания абзаца - тег <br / >. Эти теги закрывать не обязательно. Конечно, если Вы не используете в теге <p> элемент align, которым может задаватся выравнивание абзаца,но тег <p> не смотря на такие вольности следует закрывать в любом случае :
<p align=left> По левому краю </p>
<p align=center> По центру </p>
<p align=right> По правому краю </p>
<p align=justify> Текст, находящийся между этими элементами выравнивается по ширине </p>
Для придания тексту определенного начертания - жирный, курсив, подчеркнутый и т.д., поместите его между соответствующими тегами:
<b> Жирный текст </b> |
<i> Курсив </i> |
<u> Подчеркнутый </u> |
<strike> |
<sup> Верхний индекс </sup> |
<sub> Нижний индекс </sub> |
Некоторые теги могут или должны применяться с определенными параметрами, которые указываются в открывающемся элементе тега (можно сразу указывать несколько параметров в одном теге). Например, открывающийся тег <font> (закрывающийся тег </font> обязателен) может иметь несколько атрибутов:
size - задает размер текста (по умолчанию размер текста равен 3). Поместив текст между тегами <font size=n></font>, где n - цифровое значение, Вы придадите ему нужный вам размер:
<font size="2"> Пример 2 </font>
<font size="3"> Пример 3 </font>
<font size="4"> Пример 4 </font>
<font size="5"> Пример 5 </font>
<font size="6"> Пример 6 </font>
face - задает стандартное имя шрифта. Используйте шрифты, которые установлены на компьютере пользователя, в противном случае Обозреватель будет использовать шрифт, определенный по умолчанию (обычно Times New Roman). К стандартным шрифтам можно отнести шрифты, поставляемые с Windows 98, Ms plus, Ms Office. В самой нижней строке данной таблицы представлено использование семества шрифта - имя каждого шрифта пишется через запятую. Если у пользователя на компьютере нет шрифта Comic Sans MS, Обозреватель подставит следующий в этом списке - Tahoma.
<font face="Times New Roman"> Times New Roman </font> <font face="System"> System </font> <font face="Arial"> Arial </font> <font face="Courier"> Courier </font> <font face="Verdana"> Verdana </font> <font face="Comic Sans MS, Tahoma"> Comic Sans MS </font>
color - задает цвет текста (по умолчанию черный - #000000). Цвет текста может определятся как самим названием, например, red, blue и т.д, так и представлен в шестнадцатиричном виде - #FF0000 (красный) #0000FF (синий).
<font color="red"> Красный </font>
<font color="#FF0000"> Красный </font>
С помощью элемента style тега <span> (закрывающийся тег </span> обязателен) можно задавать выделение текста любым цветом:
<span style="background-color: lightgreen"> Светлозеленый </span>
<span style="background-color: yellow"> Желтый </span>
<span style="background-color: lightblue"> Светлосиний </span>
Этапы создания сайта
HTML
- Начало уроки html верстки
- Основы языка html (теги)
- Разметка html (цвета)
- Офорление текста html страницы
- Изаображения на странице
- Создание ссылок
- Создание списков
- Линии на странице
- Создание html таблиц
- <head>Список meta тегов</head>
- программа создания meta тегов
- Список/Шпаргалка HTML тегов