Right click → open in default/other browser

alt B/shift alt B

Note: ctrl / (cannot be after the statement, a newline is required)

<h1>Title 1</h1>

h1-h6 (put in body)

The cursor flashes in multiple places at the same time in VS: Ctrl D

<p>Paragraph</p>

Automatic line wrapping in VScode: Menu bar → View → Automatic line wrapping

b: Bold

u: underline

i: tilt

s: strikethrough

strong: bold

ins: underline

em: tilt

del: delete line

Code `<img src=” ” alt=” ”>`

Attribute: src (target image path; shortcut key: ./)

Attribute: alt (replace text; display when image loading fails)

Attribute: title (displays prompt text on mouse hover)

Attributes: width/height (just write a picture and it will not be deformed)

Absolute path: the absolute location under the directory, which can directly reach the target location

Relative path: the process of finding the target file starting from the current file

Insert audio file: VScode shortcut key: ./m... (fuzzy search)

Code: `<audio src="./music.mp3" controls>text</audio>`

Attributes

Insert video file: VScode shortcut key: ./m... (fuzzy search)

Code: `<video src="./video.mp4" controls></video>`

Attributes

href: Which web page to jump to after clicking (the path of the target web page)

target: the opening form of the target web page

ul: represents the entire unordered list, used to wrap the li tag

li: represents each item of the unordered list, used to contain the content of each row

The ul tag can only contain li tags; the li tag can contain any content

ol: represents the entire ordered list, used to wrap the li tag

li: represents each item in the ordered list, used to contain the content of each row

The ol tag can only contain li tags; the li tag can contain any content

dl: represents the entire custom list, used to wrap dt/dd tags

dt: represents the custom list title

dd: indicates that the custom list is for each item of the theme

The dl tag can only contain dt/dd tags; the dt/dd tag can contain any content

table: table as a whole, used to wrap multiple tr

tr: each row of the table, used to wrap td

td: table cell, can be used to wrap content

Nesting relationship of tags: table > tr > td

border="number": border width

width="number": table width

height="number": table height

Represents the overall title and a column of subtitles in a table

caption: Table title (the title of the entire table, displayed at the top and center of the entire table by default)

th: table cell (indicates a column of subtitles, usually used in the first row of the table, the text is bold and centered)

Notice

thead: table header

tbody: table body

tfoot: bottom of table

table > thead > tr > td

rowspan="number of merged cells": merge across rows/merge vertically

colspan="number of merged cells": merge across columns/merge horizontally

Basic introduction: input can display different effects through different type attribute values.

text: text box (single line text)

password: password box

radio: radio button

checkbox: checkbox

file: file selection

submit: submit button

reset: reset button

bottom: normal button

submit: submit button

reset: reset button

bottom: normal button

Drop-down menu form control that provides multiple selections in a web page

select tag: the entire drop-down menu

option tag: each item in the drop-down menu

Example: `<select name="year"> <option value="">Please select a year</option> <option value="">1990</option></select>`

rows: specifies the number of visible rows in the text field

cols: specifies the visible width within the text field

The lower right corner can be dragged to change the size; during actual development, it is recommended to use CSS settings for style effects.

Binding the relationship between content and form tags

Method one: `<input type="checkbox" id="one">``<label for="one">code</label>`

Method 2: `<label><input type="checkbox">Stay up late</label>`

When actually developing web pages, the two semantically meaningless layout tags div and span are frequently used.

div tag: only one is displayed in a row (occupies one row)

span tag: one line can display multiple

header: web page header

nav: web navigation

footer: bottom of web page

aside: web page sidebar

section: web page section

article: web article

&nbsp; Space

&lt; less than sign

&gt; greater than sign

&amp; ampersand&

&quot; quotation marks

&apos; Apostrophe (not supported by IE)

&cent; Cent (money)

&pound; pound

&yen; yuan

&euro; Euro

&sect; section

&copy; Copyright