Header codes for html

) tags.

Example of the HTML tag:

html> html> head> title>Title of the document title> style> ul < padding: 0; > ul li < display: inline-block; margin-right: 10px; color: #778899; > style> head> body> header> nav> ul> li>Home li> li>About us li> ul> nav> h1>Welcome to our page h1> hr> header> article> header> h2>The section title h2> p>The text paragraph. p> header> article> body> html>

Result

Example of the HTML tag with the CSS proeprties:

html> html> head> title>Title of the document title> style> body < font-family: Arial, sans-serif; line-height: 2; > h2 < text-align: center; > ul < padding: 0; > ul li < list-style-type: none; display: inline-block; margin-right: 10px; > a < display: block; color: #778899; > style> head> body> header> nav> ul> li> a href="https://www.w3docs.com/learn-html.html">Lern HTML a> li> li> a href="https://www.w3docs.com/learn-git.html">Lern Git a> li> ul> nav> h1>Welcome to our page h1> hr> header> main> h2>Get answers to your coding questions h2> p> Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book. p> p> Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book. Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book. p> main> body> html>

Attributes

The tag supports Global Attributes and the Event Attributes.

How to style tag?

Common properties to alter the visual weight/emphasis/size of text in tag:

• CSS font-style property sets the style of the font. normal | italic | oblique | initial | inherit.
• CSS font-family property specifies a prioritized list of one or more font family names and/or generic family names for the selected element.
• CSS font-size property sets the size of the font.
• CSS font-weight property defines whether the font should be bold or thick.
• CSS text-transform property controls text case and capitalization.
• CSS text-decoration property specifies the decoration added to text, and is a shorthand property for text-decoration-line, text-decoration-color, text-decoration-style.

Coloring text in tag:

• CSS color property describes the color of the text content and text decorations.
• CSS background-color property sets the background color of an element.

Text layout styles for tag:

• CSS text-indent property specifies the indentation of the first line in a text block.
• CSS text-overflow property specifies how overflowed content that is not displayed should be signalled to the user.
• CSS white-space property specifies how white-space inside an element is handled.
• CSS word-break property specifies where the lines should be broken.

Other properties worth looking at for tag:

• CSS text-shadow property adds shadow to text.
• CSS text-align-last property sets the alignment of the last line of the text.
• CSS line-height property specifies the height of a line.
• CSS letter-spacing property defines the spaces between letters/characters in a text.
• CSS word-spacing property sets the spacing between words.

Browser support

Источник

HTML Tag

The HTML tag represents introductory content for its nearest ancestor sectioning content or sectioning root element.

is content that defines the scope of headings and footers. The following elements are categorized as sectioning content: , , ,

elements can have their own outlines, but the sections and headings inside these elements do not contribute to the outlines of their ancestors. The following tags are categorized as sectioning roots ( , , , , ).

Headers can contain headings, subheadings, version information, search forms, logos, navigational controls, etc.

Syntax

The tag is written as with the header content inserted between the start and end tags.

Examples

Basic Overview

Elements Inside the Element

A element will typically contain a heading for the section (although this isn’t required). A element could also contain navigation, search, logos, and other content.

Document Headings

In this example, the element contains a heading for the whole document. The document contains three separate articles on the same topic.

Article Headings

In this example, the element is contained within an element. This means that the element applies to the element (and not necessarily the whole document).

Logo & Search Form

In this example, the element contains a logo and a search form.

Attributes

Attributes can be added to an HTML element to provide more information about how the element should appear or behave.

The element accepts the following attributes.

Global Attributes

The following attributes are standard across all HTML elements. Therefore, you can use these attributes with the tag , as well as with all other HTML tags.

• accesskey
• autocapitalize
• class
• contenteditable
• data-*
• dir
• draggable
• hidden
• id
• inputmode
• is
• itemid
• itemprop
• itemref
• itemscope
• itemtype
• lang
• part
• slot
• spellcheck
• style
• tabindex
• title
• translate

For a full explanation of these attributes, see HTML 5 global attributes.

Event Handlers

Event handler content attributes enable you to invoke a script from within your HTML. The script is invoked when a certain «event» occurs. Each event handler content attribute deals with a different event.

• onabort
• onauxclick
• onblur
• oncancel
• oncanplay
• oncanplaythrough
• onchange
• onclick
• onclose
• oncontextmenu
• oncopy
• oncuechange
• oncut
• ondblclick
• ondrag
• ondragend
• ondragenter
• ondragexit
• ondragleave
• ondragover
• ondragstart
• ondrop
• ondurationchange
• onemptied
• onended
• onerror
• onfocus
• onformdata
• oninput
• oninvalid
• onkeydown
• onkeypress
• onkeyup
• onlanguagechange
• onload
• onloadeddata
• onloadedmetadata
• onloadstart
• onmousedown
• onmouseenter
• onmouseleave
• onmousemove
• onmouseout
• onmouseover
• onmouseup
• onpaste
• onpause
• onplay
• onplaying
• onprogress
• onratechange
• onreset
• onresize
• onscroll
• onsecuritypolicyviolation
• onseeked
• onseeking
• onselect
• onslotchange
• onstalled
• onsubmit
• onsuspend
• ontimeupdate
• ontoggle
• onvolumechange
• onwaiting
• onwheel

Most event handler content attributes can be used on all HTML elements, but some event handlers have specific rules around when they can be used and which elements they are applicable to.

Источник