17221
| | | | |

                           

ИНТЕРНЕТ / INTERNET

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



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

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

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 Просмотров: 11274
Оцените эту статью:  
   Распечатать





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

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






MacBook Pro 2016


Камера GoPro 5


iPhone 7 и 7 Plus


Samsung Galaxy Note7


Винисиус и Том — талисманы Олимпийских и Паралимпийских игр 2016 в Рио-де-Жанейро


Pokémon Go

 
 

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

Как правильно наклеить пленку на телефон
Кто из нас не желает, чтобы приобретенный мобильный ...
Как выбрать стильные деревоалюминиевые окна
Современными производителями предлагаются ...
Как заказать еду на дом - могут все!
Самое большое заблуждение, что доставка еды ...
Как увидеть всю красоту Флоренции: краткое руководство для туристов
Флоренция – город-магнит, в который стремятся ...
Как применить самые крутые лайфхаки для папы и детей?
Когда папы остается сами с ребенком, чего они ...
Как сделать тайник, куда можно спрятать «заначку»: пособие для мужчин
Хранить деньги в сберегательной кассе - это надежный ...
Как правильно зарядить смартфон на Андроид
Очень часто пользователи смартфонов на Андроид ...
Как выбираем двухсимочные смартфоны – рекомендации Wileyfox
Смартфоны, поддерживающие работу с двумя сим-картами, ...
Как прославился Дональд Трамп
Яркая победа Дональда Трампа в президентской ...
Как быстро очистить автомобиль дома не хуже автомойки?
Проще всего отправить автомобиль в сервис, где ...

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

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



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


НОВЫЙ ПОДКАСТ

Как Элвис Пресли стал королем рок-н-ролла
В истории музыки есть имена, прочно ассоциирующиеся ...

Все подкасты


ТЭГИ

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

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


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