Використання html-тегів для форматування тексту

1. Лекція # 02

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

3. <p> — paragraph
 Абзац
 По замовчуванню відступи зверху та знизу
<h1>..<h6> — header
 Заголовок: h1, h2, h3, h4, h5, h6
<br/> — break
 Розрив рядка

4. <pre> — preformatted
 зберігає пробіли та розриви
<hr> — horizontal rule
 горизонтальна лінія
<b>[bold], <i>[italic], <s>[strikethrough], <u>[underlined], <blockout>, <mark>
 виділення тексту

5. У випадках, коли потрібно вставити у текст символ, якого немає на клавіатурі його
можна вставити за допомогою мнемокодів.
Мнемокод Символ Мнемокод Символ Мнемокод Символ
&nbsp [ ] &copy; © &middot; ·
&quot; " &ordf; ª &sup1; ¹
&amp; & &laquo; « &euro; €
&lt; < &reg; ®
&gt; > &deg; °
&curren; ¤ &plusmn; ±
&brvbar; ¦ &micro; µ
&sect; § &para; ¶

6. Розмірами та написанням шрифту можна управляти також за допомогою тегу 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
рекомендується уникати

7. <P>Текст</P>
Додає новий параграф, який по замовчуванню має вирівнювання по лівому
краю.
<P ALIGN="CENTER">Текст</P>  Вирівнювання по центру.
<P ALIGN="LEFT">Текст</P>  Вирівнювання по лівому краю.
<P ALIGN="RIGHT">Текст</P>  Вирівнювання по правому краю.
<P ALIGN="JUSTIFY">Текст</P>  Вирівнювання по ширині.

8. Наступні теги використовуються при створенні 90% вебсторінок.
<b></b> bold
<i></i> italicized
<u></u> underlined
 Samplesuperscript
 Samplesubscript
<strong></strong> strong
<em></em> emphasized
<pre></pre> Preformatted text

9. <a href="..">Посилання</a> — anchor (якір)
 атрибут href — задає адресу документу, на який слід перейти

10. <a href="..">види посилань</a>
 [протокол]://google.com
 /maps
 navigator
 #name
 ../archive.zip
 mailto:alexwizard@gmail.com

11. <a href="#line">Хеш-посилання</a>
……….……….
Дуже багато тексту
……….……….
<a name="line">потрібний рядок</a>

12. <a href=".." target="..">Посилання</a>
атрибут target — ім’я вікна або фрейму, куди браузер буде завантажувати документ
• _blank
• _self
• _parent
• _top

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