First let’s take a look at who invented HTML

  1. HTML stands for Hyper Text Marked Language. HTML is a markup language created in 1990 by Tim Berners-Lee, the inventor of the Web, and his colleague Daniel W. Connolly.

  2. Tim Berners-Lee also founded and chaired the World Wide Web Consortium (W3C). Much of the work on the World Wide Web revolves around HTML.

  3. Here is Tim Berners-Lee, the creator of HTML and the father of the Web.

: — — — — — — — — – :

After looking at HTML’s origins, let’s take a look at HTML’s starting point.

<! DOCTYPE HTML > This tag is the standard webpage declaration of HTML. < HTML lang="en"> lang is the code that defines the language of the page. It can also be changed, such as lang= zh-cn <head> this tag is used to define the header of the HTML page. The head is a container for all elements. The head tag can refer to various attributes such as JS and CSS, as well as the title of the page document, and the data in the head header is not shown to the user. <meta Charset ="UTF-8"> <meta http-equiv=" x-UA-compatible "content="IE=edge" Name ="viewport" content="width=device-width, initial-scale=1.0"> In this case, you can add the title </head> <body> body for the content tag </body>Copy the code

Now let’s take a closer look at some commonly used chapter tags

  1. : Title that can be used to define HTML

    article title

  2. : Can be used to define sections in a document

    A section

  3. : Can be used to indicate that the content of the

    tag often contains

    ,

    ,

    , etc

  4. : represents paragraph

    Create a paragraph

  5. < header>: For the header of the document

  6. : document footer, footer

    footer content

  7. < main >: represents the main, main function

  8. < aside >: A bar for writing

  9. < div>: can be used as a partition

There are also common global properties

  • Class: Used to specify the element class name
  • Contenteditable: Specifies whether element content is editable
  • Hidden: Boolean property
  • Id: indicates the unique identity of the label (used with caution)
  • Style: Defines the style
  • Tabintex: Controls the order of tabs
  • Title: Displays the complete content

Let’s do some common content tags.

  1. Ol + LI (Ordered List + List item) : OL is used to combine li to generate an ordered list

  2. Ul + LI (unordered List + List item): UL is used to combine li to generate an unordered list

  3. Dl + DL + DD (Description list+term+ Tada) : Labels are used to define lists, including headers and contents, and form hierarchical relationships

  4. Pre (short for Preview) : Text enclosed within a pre element is usually reserved for Spaces and newlines. Text is rendered in a monospaced font

  5. Hr: Dividing line

  6. Br (short for break) : line feed

  7. A (abbreviation of Anchor) : access

  8. Em (Abbreviation of Emphasis) : Emphasis

  9. Strong:

  10. Code: The tag is used to represent computer source code or other text that can be read by a machine

  11. Q (abbreviation of quote) : short quote

  12. Blockquote: tag length reference

Daily learning records, please correct any mistakes. This is my first article from Ollie!! Come on!! One giao I in giao, giao