Лекція #02. Форматування тексту
-
Upload
alex-slobodyanyuk -
Category
Education
-
view
167 -
download
4
Transcript of Лекція #02. Форматування тексту
![Page 1: Лекція #02. Форматування тексту](https://reader034.fdocument.pub/reader034/viewer/2022042605/587fb0e11a28ab107e8b5795/html5/thumbnails/1.jpg)
ФОРМАТУВАННЯ ТЕКСТУЛекція # 02
![Page 2: Лекція #02. Форматування тексту](https://reader034.fdocument.pub/reader034/viewer/2022042605/587fb0e11a28ab107e8b5795/html5/thumbnails/2.jpg)
* Я бачив майбутнє. Воно у моєму браузері.
![Page 3: Лекція #02. Форматування тексту](https://reader034.fdocument.pub/reader034/viewer/2022042605/587fb0e11a28ab107e8b5795/html5/thumbnails/3.jpg)
ТЕКСТОВІ ТЕГИ<p> — paragraph
Абзац По замовчуванню відступи зверху та знизу
<h1>..<h6> — header
: Заголовок h1, h2, h3, h4, h5, h6
<br/> — break
Розрив рядка
![Page 4: Лекція #02. Форматування тексту](https://reader034.fdocument.pub/reader034/viewer/2022042605/587fb0e11a28ab107e8b5795/html5/thumbnails/4.jpg)
ТЕКСТОВІ ТЕГИ<pre> — preformatted
зберігає пробіли та розриви
<hr> — horizontal rule
горизонтальна лінія
<b>[bold], <i>[italic], <s>[strikethrough], <u>[underlined], <blockout>, <mark>
виділення тексту
![Page 5: Лекція #02. Форматування тексту](https://reader034.fdocument.pub/reader034/viewer/2022042605/587fb0e11a28ab107e8b5795/html5/thumbnails/5.jpg)
СПЕЦСИМВОЛИУ випадках, коли потрібно вставити у текст символ, якого немає на клавіатурі його можна вставити за допомогою мнемокодів.Мнемокод Символ Мнемокод Символ Мнемокод Символ
  [ ] © © · ·" " ª ª ¹ ¹& & « « €
€
< < ® ®> > ° °¤ ¤ ± ±¦ ¦ µ µ§ § ¶ ¶
![Page 6: Лекція #02. Форматування тексту](https://reader034.fdocument.pub/reader034/viewer/2022042605/587fb0e11a28ab107e8b5795/html5/thumbnails/6.jpg)
АТРИБУТИ ТЕГУ 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. Форматування тексту](https://reader034.fdocument.pub/reader034/viewer/2022042605/587fb0e11a28ab107e8b5795/html5/thumbnails/7.jpg)
ВИРІВНЮВАННЯ ТЕКСТУ<P> </Текст P>
, Додає новий параграф який по замовчуваннюмає вирівнювання по .лівому краю
<P ALIGN="CENTER"> </Текст P> Вирівнювання по центру.
<P ALIGN="LEFT"> </P>Текст Вирівнювання по лівому краю.
<P ALIGN="RIGHT"> </P>Текст Вирівнювання по правому краю.
<P ALIGN="JUSTIFY">Текст</P> Вирівнювання по ширині.
![Page 8: Лекція #02. Форматування тексту](https://reader034.fdocument.pub/reader034/viewer/2022042605/587fb0e11a28ab107e8b5795/html5/thumbnails/8.jpg)
НАЙБІЛЬШ УЖИВАНІ ТЕГИНаступні теги використовуються при створенні 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. Форматування тексту](https://reader034.fdocument.pub/reader034/viewer/2022042605/587fb0e11a28ab107e8b5795/html5/thumbnails/9.jpg)
ВСТАВКА ПОСИЛАНЬ<a href="..">Посилання</a> — anchor (якір) атрибут href — задає адресу документу, на який слід перейти
![Page 10: Лекція #02. Форматування тексту](https://reader034.fdocument.pub/reader034/viewer/2022042605/587fb0e11a28ab107e8b5795/html5/thumbnails/10.jpg)
ВИДИ ПОСИЛАНЬ<a href=".."> </види посилань a>
[ ]://протокол google.com
/maps
navigator
#name
../archive.zip
mailto:[email protected]
![Page 11: Лекція #02. Форматування тексту](https://reader034.fdocument.pub/reader034/viewer/2022042605/587fb0e11a28ab107e8b5795/html5/thumbnails/11.jpg)
ХЕШ ПОСИЛАННЯ<a href="#line"> - </Хеш посилання a>
……….………. Дуже багато тексту
……….……….<a name="line"> </потрібний рядок a>
![Page 12: Лекція #02. Форматування тексту](https://reader034.fdocument.pub/reader034/viewer/2022042605/587fb0e11a28ab107e8b5795/html5/thumbnails/12.jpg)
ПЕРЕХОДИ З ПОСИЛАНЬ<a href=".." target=".."> </Посилання a>
атрибут target — ’ , ім я вікна або фрейму куди браузер буде завантажуватидокумент• _blank
• _self
• _parent
• _top
![Page 13: Лекція #02. Форматування тексту](https://reader034.fdocument.pub/reader034/viewer/2022042605/587fb0e11a28ab107e8b5795/html5/thumbnails/13.jpg)
ВКЛАДЕНІ ПОСИЛАННЯ<a href="map">По<a href="navigator">си</a>лання</a>
<!-- :-->Браузер це зрозуміє так<a href="map">По</a><a href="navigator">си</a>лання
Посилання
Вкладати посилання в посилання заборонено!
![Page 14: Лекція #02. Форматування тексту](https://reader034.fdocument.pub/reader034/viewer/2022042605/587fb0e11a28ab107e8b5795/html5/thumbnails/14.jpg)