Small knowledge, big challenge! This article is participating in the creation activity of “Essential Tips for Programmers”.

[Detail + Super Basic] front end tour

Students majoring in software engineering will record their learning of the three-piece suite (HTML, CSS, JavaScript), Node.js, Vue, small program development (UNIAPP), various UI component libraries and front-end frameworks.

HTML

HTML infrastructure tag 🔥

HTML (Hyper Text Markup Language) Hyper Text Markup Language

It is called HYPERtext Markup Language (HTL) because it can add all kinds of multimedia, such as pictures, audio and video, jump from one text file to another, and can be linked to files on hosts around the world via the Internet.

HTML skeleton format

<! -- The largest tag root tag in the page --> < HTML > <! -- Header tag --> <head> <! -- Title tag --> <title></title> </head> <! The body of the document --> <body> </body> </ HTML >Copy the code

HTML element tag classification

HTML tags are keywords surrounded by Angle brackets, such as: < HTML >

  • Regular tag (double tag) : The first tag in a tag pair is the start tag and the second tag is the end tag, for example<html> </html>
  • Empty element (single tag) : for example:<br>

Document Type declaration

Document type declaration
tells the browser to parse the page according to the HTML5 standard.

  • <! DOCTYPE>The declaration is located at the top of the document, in<html>Tag before.
  • <! DOCTYPE>It’s not an HTML tag, it’s a document type declaration tag

Page language lang

< HTML lang=”en”> lang specifies the language used for the CONTENT of the HTML tag

  • En The definition language is English
  • Zh-cn The definition language is Chinese

The role of lang

  • Set CSS styles or fonts for different languages according to the lang attribute
  • Tell the search engines to make an accurate identification
  • Let the grammar checker do the language recognition
  • Help translation tools do recognition
  • Help web page readers do recognition

Character set

Within the tag, the charset attribute of the
tag specifies which character encoding the HTML document should use.

  • <meta charset = "UTF-8" />
  • Common charset values include: GB2312, BIG5, GBK, and UTF-8. Utf-8 is also called universal code, which basically contains all the characters used by all countries in the world

annotation

annotation

  • The comment shortcut key isctrl + /
  • Comments to<! --Began to-->The end of the
<! -- Comment statement -->Copy the code