The history of the HTML

HyperText Markup Language is a standard Markup Language used to create web pages. HTML is a fundamental technology that, along with CSS and JavaScript, is used by many websites to design user interfaces for web pages, web applications, and mobile applications. Web browsers can read HTML files and render them as visual web pages. HTML describes the structural semantics of a website as clues are presented, making it a markup language rather than a programming language. WWW URL = HTTP + + HTML in 1990

HTML starting style

  • Shortcuts:! + Tab
<! DOCTYPEhtml><html lang="en"><head>
<meta charset="UTF-8">
<meta name="viewport" content="Width = device - width, initial - scale = 1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title></head><body>
</body></html>

Copy the code

Common section labels

  • <h1>-<h6>: the title of the article, used to achieve different title styles, decreasing size.
  • <section>Chapter:
  • <header>The head
  • <fooder>The foot
  • <main>The main content
  • <aside>Secondary content
  • <p>The paragraph
  • <div>division

Global properties

  • class: class, XXX
  • contenteditable: Whether the element content is editable
  • hidden: Hidden elements
  • idUse class instead of id.
  • style: Set styles
  • tabindex: Defines the order in which elements are selected by the TAB key. 0 is the last and -1 is the unselected element.
  • title: Displays a prompt text when the mouse moves over the element.

Commonly used are content tags

  • ol + liAn ordered list(ordered list + list item)
<ol>
<li>1.</li>
<li>2.</li>
</ol>
Copy the code
  • ul + liUnordered list(unordered list + list item)
<ul>
<li>*</li>
<li>*</li>
</ul>
Copy the code
  • dl + dt + ddDescribe the list(dictionary list + dictionary title +dictionary data)
< DL > <dt> notes </dt> < DD > Notes are a way of recording and organizing knowledge </ DD > </dl>Copy the code
  • <em></em>Stress the importance of the tone.
  • <strong></strong>: Emphasize the importance of the content itself.
  • pre></pre>: Text displayed in a predetermined format.
  • <code></code>: Code format equal width.
  • <br>: a newline.
  • <hr>: Dividing line.
  • <quoto>: inline reference.
  • <blockquote></blockquote>: block-level reference.
  • <strong></strong>: bold.
  • <a href=""></a>: Hyperlink.