Horizontal Rule Tag Example

Атрибут rules

Атрибут rules — определяет, какие линии появятся между ячейками. Вывод зависит от браузера. Возможные значения:

• none: не отображаются. значение по умолчанию;
• groups: только линии между группами рядов ( THEAD, TFOOT и TBODY) и группами столбцов (COLGROUP и COL);
• rows: только линии между рядами;
• cols: только линии между столбцами;
• all: линии между всеми рядами и столбцами.

Пример

Твой код:

Результат:

Заметки

Атрибут применять не рекомендуется. Для управления отображением границ используется CSS свойство border.

По теме

HTML 4.01

мета теги

спецсимволы HTML

• Главная
• Собираем
  • HTML и CSS приемы
  • Веб без flash
  • Будни front end разработчика
  • Сервисы
  • Javascript: решения и плагины
• Следим
  • Веб статистика
  • Куда веб катится
  • Куда Xiper катится
• Без цензуры
• Учимся
  • Photoshop для кодера
  • Уроки CSS
  • Уроки HTML
  • Уроки Javascript
  • Уроки jQuery
  • Тегофеншуй
  • Тоже нужно знать
  • Уроки SVG
  • Бонус книги
• Справочники
  • HTML справочник
  • CSS справочник
  • Справочник Canvas
  • Cловарь терминов

Источник

Атрибут rules

По своим свойствам схожий с атрибутом frame, только имеет другие значения и влияет на ячейки, а не на всю таблицу.

Как правильно задавать?

Какие значения могут быть записаны в атрибут?

• all — все ячейки ограждены границей.
• groups — граница рисуется только для сгруппированных ячеек через теги < thead >, < tfoot >, < tbody >, < colgroup >или < col >.
• cols — рамка применяется только между колонками.
• none — отмена вывода границ.
• rows — рамка применяется только между строчками.

В каких тегах применяется?

Пример использования

DOCTYPE HTML> html> head> meta charset="utf-8"> title>Атрибут colstitle> head> body> table rules="none"> tr> td>linktd> td>sourcetd> tr> tr> td>linktd> td>sourcetd> tr> tr> td>linktd> td>sourcetd> tr> table> body> html>

Источник

HTML 5 tag

The tag defines the rules for updating a datatemplate. Used togheter with the elements and .

Differences Between HTML 4.01 and HTML 5

Attributes

Attribute	Value	Description
condition	selector	Defines which elements that will be updated
mode	mode	Defines which mode the datatemplate’s rules will have

Standard Attributes

class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title

Event Attributes

onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload

For a full description, go to Event Attributes in HTML 5.

Ektron CMS400.NET Version 7.6 delivers all of the flexibility and features you need to deploy the Web site you want, quickly and efficiently.

6 ways to take your site to the next level with Ektron:

W3Schools is for training only. We do not warrant the correctness of its content. The risk from using it lies entirely with the user.
While using this site, you agree to have read and accepted our terms of use and privacy policy.
Copyright 1999-2009 by Refsnes Data. All Rights Reserved.

Источник

How to Add Horizontal Rule to Your Webpage

In this lesson, we will learn how to use the tag in HTML to add horizontal lines and enhance the layout of our website.

What is Horizontal Rule Tag in HTML

The horizontal rule tag or tag, is an HTML element used to create a horizontal line across the width of a web page. It is typically used to separate content sections, such as between two paragraphs or headings. The horizontal rule tag is a self-closing tag, which means it does not require a closing tag.

The syntax for the horizontal rule tag is straightforward. You need to use at the point where you want to insert a horizontal line on your web page.

Here’s an example of how to use tag in HTML:

Example

      
This is first paragraph of text.
 
This is second paragraph of text.
 
This is third paragraph of text.
  

Attributes of Horizontal Rule Tag

Here are the attributes we can use with the horizontal rule tag:

id

The id attribute is used to assign a unique name to an element on a web page. We can assign an id to the horizontal rule tag and use it to apply a specific style to that particular tag.

Example

In the above example, we assign an id attribute to the hr tag with a value line-1. In CSS and JavaScript, we can use the name line-1 to access the specific hr tag whose id value is set to the name line-1.

Note: The id attribute can be used on any tag to assign a unique tag name. It must be unique for each tag, meaning we can’t use the same id name for another tag in an HTML document.

class

The class attribute is used to define a group of elements and to apply a specific style to that group. We can define a class for the horizontal rule tags and use it to apply a specific style to all the horizontal rule tags that belong to a particular class.

Example

This is a first paragraph of text.
 

In the above example, both hr tags have the same class name rule-1. If any CSS style is applied to the class name rule-1, it will be applied on both hr tags.

Note: The class attribute can be used on any tag to assign a group name to the tag.

style

The style attribute can be used to apply inline css styles to the hr tag. We will learn how to apply inline css style using the style attribute later in our CSS tutorial.

Example

The style=»background-color: red; height: 5px» will change the hr tag color to red and the height to 5 pixels.

color

This color attribute can be used to set a color for the hr tag.

Example

size

This size attribute can be used to increase the height of the hr tag. The value of the size attribute is defined in pixels.

Example

width

This width attribute can be used to adjust the width of the hr tag. The value of the width attribute is defined in pixels.

Example

align

The align attribute can be used to align an hr tag horizontally left, right or center on the webpage. The default value of align attribute for hr tag is center.

Источник