Basic learning of HTML elements_html/css_WEB-ITnose

HTML Elements

HTML documents are defined by HTML elements. HTML elements refer to all codes from start tag (opening tag) to end tag (closing tag), that is, start tag content end tag. HTML starts with a start tag and ends with an end tag. For some elements with empty content (NULL), close them in the start tag.

Nested HTML elements

Most elements can be nested, and HTML text is composed of nested HTML elements.

e.g:

-----The content of the element is another HTML element.

this is a paragraph

p.s: 1. Don’t forget the end tag, most browsers forget it HTML will be displayed correctly even if the end tag is used, but do not rely on this approach. Forgetting to use the end tag may produce unpredictable results or errors.

2.HTML tags are not case-sensitive, but it is best to use lowercase tags because W3C recommends lowercase in HTML4 and will make it mandatory in future (X)HTML versions Use lowercase.

HTML attributes

Provide additional messages for HTML elements.

1.HTML tags can have attributes, which provide more information about the element.

2. Attributes always appear in the form of name/value, e.g: name = "value", and are always specified in the start tag.

e.g:

1.

heading

The title is centered (right and left can also be used)

2.

Has additional information about the background.

HTML Horizontal Line

---

Creates horizontal lines in HTML pages that can be used to separate content.

p.s: Using

---

to divide article content is just one of the methods.

HTML comment

The format is

e.g:

The browser ignores comments and does not display them.

HTML line breaking

If you want to break lines without creating a new paragraph, you should use

e.g :

This is a
paragraph.

p.s: The browser will omit extra whitespace characters (spaces or carriage returns) in the source code when displaying HTML

Text formatting tags

Bold font

Emphasis font

Increase the font size

Italics

_{Define subscripts ^{Define superscripts}}

 can retain spaces and line breaks (usually if <pre class="brush:php;toolbar:false"> is not used, the HTML text will automatically delete extra spaces or carriage returns)  <p> <ins>Insert words<del>Delete words</del></ins></p> <p><strong>Quotations and term definitions</strong></p> <p> <abbr title="etcetera">etc</abbr> Abbreviation</p> <p> <acronym title="World Wide Wed">WWW</acronym>Capital letters </p> <p> When the mouse points to the content of these elements, the content in the title will be displayed. </p>  <p class="sycode"></p> <p class="sycode"></p> <p class="sycode"> </p><p class="sycode"></p> <p class="sycode"></p> <p class="sycode"> </p> <p class="sycode"></p> <p class="sycode"></p>