Shortcuts tab: + word + tab key word
h3 initial code:! + Tab to quickly create compliant html
<! DOCTYPE html > <-! Documentation states: tell the browser which is a html file -> < html lang = "EN" > <-! Outermost tag html file: Code wrapped all html tags lang = "en" representation is a website in English lang = "zh-CN" represents a Chinese website -> < head > < meta charset = "UTF-8" > - <! meta information: Some web pages are written in the secondary charset = international coding information, so that the page does not appear garbled situation "UTF-8" -> < title > the Document </ title > <-! title page of settings -> </ head > <body > <-! display Web content area--> </body> </html>
Note
html comments: <! - comment content ->
css comment: / * comment * content /
vscode shortcuts are: ctrl + / and shift + alt + a
Title and paragraph h p
<H1> - <h6> tags to define the title.
<H1> defines the maximum title. (Particularly important a best html file appears only once
Minimum title <h6> defined.
[ Try it yourself ]
<P> tag defines paragraphs.
p elements are automatically created before or after some gaps.
[ Try it yourself ]
Text-decoration
<strong></strong>
<em></em>
- And showing the effect of the wording is different, a bold, italic
- strong emphasis on stronger, em the emphatic weaker.
下标 : <sub></sub>
上标 : <sup></sup>
Deleted text: <del> </ del>
Insert text: <ins> </ ins>
- Under normal circumstances, delete the text and insert text are used in conjunction.
Pictures img
An image element is embedded into web pages. For show
- src: introducing the address of the picture.
- alt: When the picture there is a problem, it can display the text for some friendly tips.
- The first two are must attribute
- title: prompt
- width, height: size of the picture
[ Try it yourself ]