Приклади використання

1. Знаки "<" і ">" застосовуються для відображення в браузері html коди. Наприклад, аби в браузері вийшла така строчка

<h3>Уроки HTML</h3>

У html сторіночці нам необхідно написати наступне:

< h3 > Уроки HTML < /h3 >

 

2. Товарний знак ™ використовується на сторінці продуктів http://www.colorpilot.ru/products.html

3. Рядок на сторінці в браузері:

Form Pilot Home™ - заповнення паперових бланків

Цей же рядок в html коді виглядатиме так:

<а href="fphcomics.html">Form Pilot Home™</a> - заповнення паперових бланків

 

4. Знак копирайта © використовується при підписі фотографій, коли необхідне посилання на автора.

5. Приклад можна поглянути на цій сторіночці http://www.colorpilot.ru/makeup.html

6. Напис під фотографією

Photo © Alexander Saltykov

має такий html код:

Photo © Alexander Saltykov

Вправа

Запишіть декілька строчок html коди так, щоб вони в браузері відображувалися також, як ви їх видете на сторінці html коди.

Викладете сторіночку, що вийшла, в особистий каталог, складіть линк (поглянути як) і відкрийте Вашу сторіночку в браузері.

Що таке css?

• Що таке CSS?

• Переваги CSS перед HTML

Що таке css?

CSS (Cascade Style Sheet) - каскадні таблиці стилів. Це свого роду розширення HTML, що дає web-розробнику додаткові можливості.

Стиль (style) - це набір елементів форматування тексту. Наприклад, колір тексту, шрифт, розмір, вирівнювання і так далі Всі ці параметри можна зберігати в стилях.

Але ж і HTML дозволяє оформляти текст за допомогою тегів форматування.

У чому ж перевага CSS перед HTML?

Переваги css перед html

1. Css однією дією дозволяє змінювати відразу всю групу параметрів.

Наприклад, в наших уроках всі заголовки, задані тегами <h1>, <h2>, <h3> і <h4> помаранчевого кольору. У звичайному HTML для цього нам знадобилося б кожен заголовок помістити в контейнер <font> з параметром color="#CD6600":

<font color="#CD6600"><h1>Заголовок 1</h1></font>     ... <font color="#CD6600"><h4>Заголовок 4</h4></font>

І якби знадобилося змінити колір заголовків, нам довелося б шукати їх по всьому документу і змінювати кожен заголовок окремо.

А за допомогою CSS ми створили стиль для тегов <h1>, <h2>, <h3> і <h4> в окремому файлі style_school.css (див. рядок 22). І всі заголовки, задані цими тегами, без додаткових тегов володітимуть потрібними властивостями.

І якщо ми захочемо змінити яку-небудь властивість в заголовків, нам досить буде змінити стиль тегов, і всі заголовки будуть автоматично змінені.

2. Стилі надають розробникові значно більше можливостей в порівнянні із звичайним HTML.

Наприклад, за допомогою стилів можна задати такі властивості тексту, які не можна задати за допомогою стандартних параметрів того або іншого html-тега.

3. Всі стилі можна зберігати в окремому файлі. Браузер кеширує (запам'ятовує) такі файли, тому завантажуватися Ваш сайт буде трохи швидше.

18/04/2007, Ю. Філі

11 Додавання стилів

• Внутрішні стилі

• Глобальні стилі

• Зв'язані стилі

• Поєднання різний видів стилів

• Вправа

Стилі можна додати трьома способами.