1. The use of sublime:
Plug-in installation:
shortcut code:
delete plug-in:
2. html tags
Label relationship:
Nested relationship and parallel relationship
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
Title tag
<h1> </h1> , <h2> </h2>,...,<h6></h6>
Paragraph tag
<p> </p>
Horizontal line label
<hr />
Wrap
<br />
span and div (div tag is equivalent to view tag in WeChat applet, it has no special meaning, it is used to divide)
The difference between span and div functions:
The difference between span and div is that div is a block-level element, and the elements it contains will wrap automatically. The span is an inline element, and it will not wrap before and after it.
Span has no structural meaning, it's just a simple application style. When other elements are not suitable, you can use the span element. A span can be a child element of a div, but a div cannot be a child element of a span. If a div appears in the span, it does not meet the ws3c page standard.
The difference between span and div:
The width of the span element is determined by the width of the enclosed content. It is not recommended to set the width attribute width for the span. You can set the margin value for the span and set the distance before the parent element.
A span can be converted into a block element through a css statement (display: block). If you want to set the style of the text or picture in a row, and do not need to wrap the line without affecting other content in other lines, span can solve this well. problem
Text formatting tags,
tag attributes,
image attributes,
link tags,
anchor point positioning: suitable for longer pages, we can click on a certain keyword to quickly reach this position on the page.
<a href="#name1">点击此处</a>
<h2 id="name1">跳转到的对应位置</h2>
The base tag
can set the overall link open state. For
example: the following figure is to make the tabs in the page open in a new window.
If you want a certain one to open in the current window, you can set special characters separately
3. Path
4. List
Unordered list
Note: It is agreed that only the li tag is placed in the ul tag, and other tags can be written in the li tag
Ordered list
custom list
5. Form
Note: The table tag can only put the tr tag (you can also put thead to wrap the table header and tbody to wrap the table body), put td (or th) in tr, and you can put it in td. HTML tables have no concept of columns.
Table attributes: (set to the table tag)
header tag,
just change td to th
Table title
caption, write to the table
Combine cells
Add attributes to the td tag: rowspan="the number you want to merge" to merge across rows; colspan="the number to merge" to merge across columns.
Interrow: delete the extra cell in each row, look from top to bottom, keep the first one.
Cross-column: Look from left to right, delete extra cells and keep the first one.
6. Form
Form control
Input
single choice: If it is a group, it can be achieved by setting the same name
The label label
textarea control (text area)
generally controls its width and height through CSS, and does not use the above attributes.
Drop-down menu
form field
7 、 HTML5
Recommendation: First upload to a video software such as Youku and Tencent. After sharing, just copy the code.
loop = -1 for infinite loop
End~