Задача
Сделать горизонтальную линию на странице.
Решение
Горизонтальные линии хорошо использовать для отделения одного блока текста от другого. Небольшой по размеру текст, сверху и снизу которого располагаются горизонтальные линии, привлекает больше внимания читателя, чем обычный текст.
С помощью тега
можно нарисовать горизонтальную линию, вид которой зависит от используемых атрибутов, а также браузера. Тег относится к блочным элементам, поэтому линия всегда начинается с новой строки, а после неё все элементы отображаются на следующей строке. Благодаря множеству атрибутов тега
линией, созданной через этот тег, легко управлять. Если ещё подключить мощь стилей, то добавление линии в документ превращается в простое занятие.
По умолчанию линия
отображается серого цвета и с эффектом объема. Такой вид линии не всегда подходит к дизайну сайта, поэтому понятно желание разработчиков изменить цвет и другие параметры линии через стили. Однако браузеры неоднозначно подходят к этому вопросу, из-за чего придется использовать сразу несколько стилевых свойств. В частности, старые версии браузера Internet Explorer для цвета линии применяют свойство color , а остальные браузеры — background-color . Но это еще не все, при этом обязательно следует указать толщину линии (свойство height ) отличной от нуля и убрать рамку вокруг линии, задавая значение none у свойства border . Собирая все свойства воедино для селектора hr , получим универсальное решение для популярных браузеров (пример 1).
Пример 1. Горизонтальная линия
HTML5 CSS 2.1 IE Cr Op Sa Fx
Текстовоя строка
Результат данного примера показан на рис. 1.
Рис. 1. Цветная горизонтальная линия
Для подчеркивания некоторых особенно важных элементов сайта, не помешало бы использовать всевозможные и предусмотренные для этого CSS стили и свойства. Конечно же, с текстом можно особо не заморачиваться и выделить его, к примеру, жирным или курсивом, изменить задний фон или сделать рамку вокруг текста . Но не всегда один из представленных способов является подходящим. Допустим, у вас есть текст, который нуждается в разделении из-за специфики его смысловой нагрузки. Вот тут-то и приходят на помощь HTML и СSS свойства.
Как сделать в тексте линию средствами CSS
Для реализации задуманного нам понадобится обратиться к файлу style.css , прописав в нем соответственное свойство border . Тем самым над, под или с определенной стороны текста появится линия. В свою очередь предусмотрено несколько свойств, отвечающих за отображение линии, а именно:
- border-top – горизонтальная линия, расположенная над текстом;
- border-right – вертикальная линия, расположенная справа от текста;
- border-bottom – горизонтальная линия, расположенная под текстом;
- border-left – вертикальная линия находящаяся слева.
Как сделать линию в html
Используя свойства CSS можно прописать все необходимые значения редактируя HTML код. Для этого нужно перейти в административную часть сайта. Выбрать один из опубликованных материалов, переключить текстовый редактор в режим правки HTML кода и внести свойства CSS. Образец можно лицезреть ниже.
Прописав данные свойства вам удастся подчеркнуть важность излагаемого материала, абзаца или заголовка?
Краткая расшифровка команд
- width – длина линии;
- solid – сплошная линия;
- dotted – точечная линия.
Для более глубокого ознакомления со стилями рекомендую почитать эту .
Нужно уяснить, что в процессе внесения изменений в код сайта, свойства, определяющие тип линии, ее толщину и цвет перечисляются через пробел.
Приведенный способ имеет несколько достоинств:
Обширный ассортимент возможностей, с помощью которых можно сделать практически любую линию.
Легкость внесения всех необходимых изменений непосредственно в HTML код. Это во многом упрощает задачу для неопытных сайтостроителей.
Как сделать прямую горизонтальную линию с помощью тега HTML
Первое на что хотелось бы обратить ваше внимание, это то, что у данного тега, несмотря на все тонкости и принципы html, нет закрывающегося тега. Он может быть использован в любом месте html кода, между тегами
и .Атрибуты тега
- width – отвечает за длину линии. Может указываться как в процентах, так и пикселях.
- size – толщина линии. Указывается в пикселях.
- color – определяет цвет линии.
- align – атрибут, отвечающий за выравнивание линии. В свою очередь к нему относится команда.
В обычном тексте в Ворде линии используются довольно редко, но без них не обойтись при составлении различных бланков или форм. Подчеркнуть уже готовый текст довольно просто, но при составлении бланков подчеркивать нужно пустое пространство, а если учесть, что этот бланк будет заполняться в электронном виде, обычным подчеркиванием здесь не обойтись. Далее мы рассмотрим, как сделать линию в Ворде различными способами, из которых каждый сможет выбрать себе подходящий вариант.
Самый простой способ сделать линию под текстом в Ворде, это использовать меню подчеркивания текста. Подчеркнуть таким способом можно текст и табуляцию. Но использовать такое подчеркивание для размещения линии на пустом месте, т.е. создавать такими линиями поля для дальнейшего ввода текста, крайне неудобно. Когда на такой линии будет писаться текст, к нему будет применяться подчеркивание, но весь дальнейший текст будет перемещаться, что сразу может нарушить структуру документа.
Чтобы сделать такое простое подчеркивание текста необходимо на вкладке «Главная» в разделе «Шрифт» найти значок «Подчеркивание текста» , и нажать на него. Выделенный заранее текст станет подчеркнутым, а весь далее набираемый текст также будет подчеркиваться.
Если нажать на стрелочку вниз, можно будет выбрать различные стили подчеркивания и даже цвет линии.
Следующий способ сделать линию в Word заключается в использовании символа подчеркивания, который имеется на клавиатуре. Для этого необходимо зажать клавишу «Shift» и нажимая значок нижнего подчеркивания «_» рисовать линию необходимой длины. Но такая линия также далека от идеальной. Писать на такой линии в Ворде не получится, и она не совпадает по уровню с обычным подчеркиванием текста.
Более подходящий способ сделать линию в Ворде для подписи, это использовать ячейку таблицы, в которой нужно оставить видимой только нижнюю границу. При этом могут возникнуть некоторые проблемы с позиционированием отдельной ячейки, но ради возможности заполнять подчеркнутую область документа в электронном виде можно и постараться. Нужно всего лишь вставить таблицу из одной ячейки и настроить ее размещение, размер, а также границы.
Ну и последний способ нарисовать линию в Ворде, на которой можно будет писать, это просто нарисовать линию, как отдельный объект. Для этого переходим на вкладку «Вставка» и находим пункт «Фигуры» в разделе «Иллюстрации» . В фигурах находим обычную линию, нажимаем на нее и рисуем в нужно месте на листе. Если при рисовании линии удерживать клавишу «Shift» , то линия получится горизонтальной. При необходимости линию можно дополнительно настроить в соответствующем меню.
При работе с текстовым редактором MS Word нередко возникает необходимость в проведении ровной прямой линии под одной из строк. В качестве базовой функции форматирования имеется кнопка «Подчеркнутый», что при нажатии проводит подобную линию под напечатанным и выделенным текстом, либо способствует введению новых символов с такой полосой под ними. Далее в материале рассмотрены основные способы того, как сделать черту в Ворде без текста (для версий Word 2003 и 2010).
Посредством клавиатурного набора
Сочетание зажатой клавиши «Shift» и клавиши «-» на верхнем цифровом ряду позволит ввести символ нижнего подчеркивания «_». Определённое количество символов позволит создать длинную линию подчеркивания. При печати документа этот способ является актуальным, поскольку в пустую строку с подчеркиванием можно вписывать необходимую информацию.
Линия подчеркивания без возможности набора текста поверх нее
Однако печатать в самом документе поверх такой линии невозможно. Для этого существует следующий способ.
Программные средства Word
Чтобы получить линию, поверх которой в дальнейшем можно будет впечатать необходимый текст, следует активировать функцию форматирования «Подчеркнутый», нажатием на соответствующую клавишу или горячей комбинацией «CTRL+U».
Опция «Подчеркнутый»
Затем следует нажимать:
- «TAB», чтобы сразу получить видимую строку. Одно нажатие создаст линию, длина которой равна установленному значению для размера табуляции в параметрах абзаца.
- «SPACE» (пробел) нужное количество раз. Однако такая линия подчеркивания будет невидимой. Если в её конце (за последним пробелом) отключить функцию «Подчеркнутый» и начать печатать (хотя бы поставить точку), то проявится подстрочная линия.
Нажав в любом месте такой линии можно печатать текст, который будет отображаться поверх неё.
Текст поверх линии подчеркивания
Линия будет увеличиваться в процессе печати. Удалить лишние подчеркивания можно, как и обычные символы, нажатием на «DEL» или «BACKSPACE».
Важно! В новых версиях Word значок функции форматирования «Подчеркнутый» находится на вкладке «Главная» панели задач.
Изменение типа линии
В случае, когда линия проводится через описанную функцию, можно изменить её внешний вид, сделав жирнее, раздвоив на две полосы или заменив на пунктир. Для этого:
- В новых версиях Word рядом со значком функции «Подчеркнутый» имеется стрелка, позволяющая открыть контекстное меню и выбрать внешний вид создаваемой линии.
Выбор типа линии через стрелку возле кнопки «Подчеркивание»
- Универсальный способ заключается в том, чтобы выделить линию подчеркивания, открыть меню «Шрифт» и внести все изменения через него.
Выбор типа линии в меню шрифт
Заключение
Пользуясь любым из предложенных способов можно оставить место для подписи в текстовом документе Word. Конкретный способ начертания данной линии предопределяется назначением документа (для печати, для заполнения в электронной форме).
Если вы часто работаете в Ворде, вам рано или поздно потребуется создать горизонтальную линию над текстом или под ним. Это очень удобно, когда требуется сделать шаблон для определенного документа.
Способов сделать в Ворде много, но мы рассмотрим самые простые пути решения этой задачи.
Горизонтальные линии в Word 2003
Для начала устанавливаем курсор в необходимое место. Заходим в меню «Формат» и выбираем там пункт «Границы и заливка». Выбираем себе необходимую линию в меню «Тип» и нажимаем «Ок». Теперь же выбранная нами линия будет принадлежать всему абзацу. Если же вам необходима лишь определенная часть строки, то лучше всего использовать вставку ячеек. Там же нужно будет отметить видимые и невидимые линии.
Горизонтальные линии в Word 2007 и выше
В этой версии Ворда, горизонтальную линию можно сделать несколькими способами . Если же необходим просто подчеркнутый текст, то можно воспользоваться кнопкой «Ч» в разделе «Главная». Легко и просто.
Для создания линии сверху, слева, справа (вертикальные), нужно обратиться в раздел «Абзац» и открыть меню «Границы». Здесь вы сможете выбрать необходимую вам линию, после чего можно смело набирать текст. Он будет набираться уже с линией.
При таком подходе важно не забывать, что клавиша «Enter» уберет линию. Поэтому передвигаться по документу нужно исключительно на «стрелочках».
Если же нужна подстрочная линия, но без текста, ее можно сделать просто зажав клавишу «Shift» нажимая при этом необходимое количество раз на клавишу «-». Получится линия вида «______» без текста.
Теперь вы можете делать в программе Word горизонтальные линии.
