Как установить таблицу стилей на сайте
181114
Медицинский центр «Андреевские больницы - НЕБОЛИТ» в г. Королев
| | | | |

                       

ИНТЕРНЕТ / INTERNET

Поиск по сайту



Как установить таблицу стилей на сайте

Вернуться к списку статей

Просмотров: 12635

AAA + -




Использование стилей позволяет нам расширить возможности html-тегов и, тем самым, улучшить вид наших веб-сайтов. Существует три способа применения CSS-стилей: in-line, внутренний, внешний.

При первом способе(in-line) стили применяются с помощью атрибута style. Вот пример:

<html>
<head>
<title>
In-line
</title>
</head>
<body bgcolor="blue">
<center>
<font style="color:white">
Главная страница сайта
</font>
</center>
</body>
</html>





При втором способе(внутреннем) стили применяются с помощью тега <style>. Приведу пример:


<html>
<head>
<style type="text/css">
font{color:white}
</style>
<title>
STYLE
</title>
</head>
<body bgcolor="blue">
<center>
<font size=3>Главная страница сайта</font>
</center>
</body>
</html>





При третьем способе(внешнем) стили применяются с помощью ссылки на таблицу стилей. Внешняя таблица стилей хранится в файле с расширением *.css. Рассмотрим этот способ применения стилей на примере. Для начала создадим таблицу стилей. Назовем ее «stl.css». Открываем текстовый редактор(например, Блокнот) и вносим следующий код:

font{ color:white;}

Нажимаем меню Файл, Сохранить как…, вводим имя файла « stl.css» и подтверждаем сохранение этого файла. Теперь нам нужно в html-документе создать ссылку на эту таблицу стилей. Для этого нужно между тегами <head> и </head> поместить следующую строку html-кода:

<link rel="stylesheet" type="text/css" href="stl.css">


Вот полный код:

<html>
<head>
<link rel="stylesheet" type="text/css" href="stl.css">
<title>
Внешний способ CSS
</title>
</head>
<body bgcolor="blue">
<center> <font size=3>
Главная страница сайта
</font>
</center>
</body>
</html>





Удачи!


Источник: znaikak.ru
Автор:
Голосов: 0 Общая оценка: 0.0
Оцените эту статью:  
   Распечатать





Ошибка в тексте? Выдели ее мышкой! И нажми Ctrl+Enter.

Для того , чтобы оставить здесь комментарий, необходимо на сайте.






iPhone XS и XS Max


Талисман ЧМ-2018 года по футболу - Забивака!


Логотип ЧМ-2018 по футболу


Новая купюра номиналом 2000 рублей


Apple iPhone X


"Мисс Россия – 2017" Полина Попова

 
 

Статьи сегодня:

Как выбрать: обзор материнской платы Asus M5A78L-M LX3
Специально под многоядерные процессоры выпущена ...
Как мы отдыхаем в 2019 году
В этот раз новогодние каникулы продлятся 10 дней.В ...
Как скачать видео с VK
Пользователи Вконтакте обожают обмениваться ...
Как сделать ёлочку из картона и ниток
Наступает то время, когда мир вокруг кажется ...
Как сделать облицовку стен стеклом и зеркалом
Ни для кого не секрет, что в наше время существует ...
Как выбрать водонагреватели для бассейна: виды устройств и их характеристики
Если вы являетесь владельцем большого домашнего ...
Как выбрать искусственную елку
Новый год уже совсем близко… А какой же Новый год без пушистой ...
Как выбрать ёлку на Новый год
Каждый дом в новогоднюю ночь по традиции украшается ёлкой.
Как Agile-методологии влияют на отделы маркетинга
Инфографику предоставила Wrike - Интернет Система ...
Как создать яркий образ для встречи Нового года 2019
Совсем немного времени осталось до наступления ...

Смотрите также:

Как принимать оплату пластиковыми картами на сайте
В начале хочу сразу обратить Ваше внимание на...
Как сделать таблицу с закруглёнными углами для сайта
В этой статье я решил рассказать вам как сделать таблицу с скруглёнными углами.
Как представить информацию в разделе «О нас»?
Казалось, совершенно пустяковый раздел, который оформляется в течение пяти ...
Как сделать бегущую строку на сайте
Возможно, Вам уже приходилось видеть на сайтах бегущие строки текста.
Как совершать покупки на сайте www.ebay.com
Покупка и продажа различный вещей при помощи сайта www.ebay.com ...


SEO Интеллект - продвижение сайтов


ВОПРОСЫ - ОТВЕТЫ


ТЭГИ

Google Photoshop бесплатно блог вашего веб вконтакте всем вывести вытащить дизайн добавить живые зависимость заработать защита знакомств имя интересные интернет интернет-магазин интернете красивый любой людей магазины место может общаться пластиковая построить Почта продать продвижение проект профиль развивался распознать рождался сайт сайта сайте сети сеть скорость смотреть создаются социальные стали удалить управления услуги факты фотографии футбол хитрости через школьный электронная этикет

Не нашли ответа?
Спросите нас, как…


Письма читаем регулярно,
ищите ответы в соответствующей рубрике.