14
ФОРМАТУВАННЯ ТЕКСТУ Лекція # 02

Лекція #02. Форматування тексту

Embed Size (px)

Citation preview

Page 1: Лекція #02. Форматування тексту

ФОРМАТУВАННЯ ТЕКСТУЛекція # 02

Page 2: Лекція #02. Форматування тексту

* Я бачив майбутнє. Воно у моєму браузері.

Page 3: Лекція #02. Форматування тексту

ТЕКСТОВІ ТЕГИ<p> — paragraph

Абзац По замовчуванню відступи зверху та знизу

<h1>..<h6> — header

: Заголовок h1, h2, h3, h4, h5, h6

<br/> — break

Розрив рядка

Page 4: Лекція #02. Форматування тексту

ТЕКСТОВІ ТЕГИ<pre> — preformatted

зберігає пробіли та розриви

<hr> — horizontal rule

горизонтальна лінія

<b>[bold], <i>[italic], <s>[strikethrough], <u>[underlined], <blockout>, <mark>

виділення тексту

Page 5: Лекція #02. Форматування тексту

СПЕЦСИМВОЛИУ випадках, коли потрібно вставити у текст символ, якого немає на клавіатурі його можна вставити за допомогою мнемокодів.Мнемокод Символ Мнемокод Символ Мнемокод Символ

&nbsp [ ] &copy; © &middot; ·&quot; " &ordf; ª &sup1; ¹&amp; & &laquo; « &euro;

&lt; < &reg; ®&gt; > &deg; °&curren; ¤ &plusmn; ±&brvbar; ¦ &micro; µ&sect; § &para; ¶

Page 6: Лекція #02. Форматування тексту

АТРИБУТИ ТЕГУ FONTРозмірами та написанням шрифту можна управляти також за допомогою тегу FONT та його атрибутів:

<FONT FACE="Шрифт" SIZE="Размер"> ... </FONT>

Наприклад: <FONT FACE="Arial" SIZE="5">Текст</FONT>

Колір тексту можна задати наступним чином:<FONT COLOR=“red”>Текст</FONT>

або<FONT COLOR=“#FF0000”>Текст</FONT>

<FONT FACE="Шрифт" SIZE="Размер" ....> Текст </FONT>

Теготкр.

Тегзакр.атрибуты

* Використання тегу <font> стандартом html5 рекомендується уникати

Page 7: Лекція #02. Форматування тексту

ВИРІВНЮВАННЯ ТЕКСТУ<P> </Текст P>

, Додає новий параграф який по замовчуваннюмає вирівнювання по .лівому краю

<P ALIGN="CENTER"> </Текст P> Вирівнювання по центру.

<P ALIGN="LEFT"> </P>Текст Вирівнювання по лівому краю.

<P ALIGN="RIGHT"> </P>Текст Вирівнювання по правому краю.

<P ALIGN="JUSTIFY">Текст</P> Вирівнювання по ширині.

Page 8: Лекція #02. Форматування тексту

НАЙБІЛЬШ УЖИВАНІ ТЕГИНаступні теги використовуються при створенні 90% вебсторінок.

<b></b> bold<i></i> italicized<u></u> underlined<sup></sup> Samplesuperscript

<sub></sub> Samplesubscript

<strong></strong> strong<em></em> emphasized<pre></pre> Preformatted text

Page 9: Лекція #02. Форматування тексту

ВСТАВКА ПОСИЛАНЬ<a href="..">Посилання</a> — anchor (якір) атрибут href — задає адресу документу, на який слід перейти

Page 10: Лекція #02. Форматування тексту

ВИДИ ПОСИЛАНЬ<a href=".."> </види посилань a>

[ ]://протокол google.com

/maps

navigator

#name

../archive.zip

mailto:[email protected]

Page 11: Лекція #02. Форматування тексту

ХЕШ ПОСИЛАННЯ<a href="#line"> - </Хеш посилання a>

……….………. Дуже багато тексту

……….……….<a name="line"> </потрібний рядок a>

Page 12: Лекція #02. Форматування тексту

ПЕРЕХОДИ З ПОСИЛАНЬ<a href=".." target=".."> </Посилання a>

атрибут target — ’ , ім я вікна або фрейму куди браузер буде завантажуватидокумент• _blank

• _self

• _parent

• _top

Page 13: Лекція #02. Форматування тексту

ВКЛАДЕНІ ПОСИЛАННЯ<a href="map">По<a href="navigator">си</a>лання</a>

<!-- :-->Браузер це зрозуміє так<a href="map">По</a><a href="navigator">си</a>лання

Посилання

Вкладати посилання в посилання заборонено!

Page 14: Лекція #02. Форматування тексту