• Авторизация


Текстовые ссылки 1. Здесь я узнал, как сделать сайт Здесь я узнал, как сделать сайт 2. Подробные уроки по html 31-03-2017 15:22 к комментариям - к полной версии - понравилось!

Это цитата сообщения ZOYA_50 Оригинальное сообщение

Текстовые ссылки 1. Здесь я узнал, как сделать сайт Здесь я узнал, как сделать сайт 2. Подробные уроки по html Подробные уроки по html 3. Подробные уроки по javascript Подробные уроки по javascript 4. Справочник CSS Справочник CSS 5. Уроки PHP для начинающих Уроки PHP для начинающих

[600x275]

Для подчеркивания некоторых особенно важных элементов сайта, не помешало бы использовать всевозможные и предусмотренные для этого CSS стили и свойства.  Допустим, у вас есть текст, который нуждается в разделении из-за специфики его смысловой нагрузки. Вот тут-то и приходят на помощь html и СSS свойства.

Как сделать в тексте линию средствами CSS

Для реализации задуманного нам понадобится обратиться к файлу style.css, прописав в нем соответственное свойство border. Тем самым над, под или с определенной стороны текста появится линия. В свою очередь предусмотрено несколько свойств, отвечающих за отображение линии, а именно:

- border-top – горизонтальная линия, расположенная над текстом;

- border-right – вертикальная линия, расположенная справа от текста;

- border-bottom – горизонтальная линия, расположенная под текстом;

- border-left – вертикальная линия находящаяся слева.

Как сделать линию в html

Используя свойства CSS можно прописать все необходимые значения редактируя HTML код. Для этого нужно перейти в административную часть сайта. Выбрать один из опубликованных материалов, переключить текстовый редактор в режим правки html кода и внести свойства CSS. Образец можно лицезреть ниже.

 

Как сделать пунктирную или прямую линию?

Прописав данные свойства вам удастся подчеркнуть важность излагаемого материала, абзаца или заголовка?

 

<html>
<head>
<title>Как сделать пунктирную или прямую линию?</title>
</head>
<body>
<div style="width:500px;
border-top:3px solid #9EC1D4;
border-bottom: dotted 3px #9EC1D4;
padding-left:10px">
Прописав данные свойства вам удастся подчеркнуть важность излагаемого материала, абзаца или заголовка?
</div>
</body>
</html>

Краткая расшифровка команд

- width – длина линии;

- solid – сплошная линия;

- dotted – точечная линия.

Нужно уяснить, что в процессе внесения изменений в код сайта, свойства, определяющие тип линии, ее толщину и цвет перечисляются через пробел.

Приведенный способ имеет несколько достоинств:

- Обширный ассортимент возможностей, с помощью которых можно сделать практически любую линию.

- Легкость внесения всех необходимых изменений непосредственно в HTML код. Это во многом упрощает задачу для неопытных сайтостроителей.

Как сделать прямую горизонтальную линию с помощью тега HTML <hr>

Первое на что хотелось бы обратить ваше внимание, это то, что у данного тега, несмотря на все тонкости и принципы html, нет закрывающегося тега. Он может быть использован в любом месте html кода, между тегами <body> и </body>.

Атрибуты тега <hr>

 

- width – отвечает за длину линии. Может указываться как в процентах, так и пикселях.

- size – толщина линии. Указывается в пикселях.

- color – определяет цвет линии.

- align – атрибут, отвечающий за выравнивание линии. В свою очередь к нему относится команда:

- right – выравнивание справа;

- left – выравнивание слева;

- centre – центральное выравнивание.

Образец html кода с использованием тега <hr>

<hr size=3px width=500px align="left">



Надеюсь, у вас все получилось, и теперь вы знаете, как сделать линию у себя на сайте.

источник
вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Текстовые ссылки 1. Здесь я узнал, как сделать сайт Здесь я узнал, как сделать сайт 2. Подробные уроки по html | Смородинка_1946 - Дневник Смородинка_1946 | Лента друзей Смородинка_1946 / Полная версия Добавить в друзья Страницы: раньше»