Web final notes (1)

According to the key points of knowledge, I personally summarized it. If there are any errors, please correct me!
根据,廖老师所画重点,并非全部知识点,只是考到概率更大!!!

Table

1.
Contain multiple tr, th, td,

tr----represents a row in the table, a symmetric tr tag represents a row
th—caption cell
td—data cell
caption—table title

Insert picture description here
2、

Table style

---- table bgcolor background color
background ------ table background image
within a row of cells provided valign -------- Chinese this vertical alignment, the attribute value can be Top, Middle, bottom
Frame - ----**Key point! ! ! ! **The outer border is visible
Insert picture description here
rules ------The inner border is visible
Insert picture description here

Merge cells horizontally-----colspan

 <th colspan="4">签到</th> 在th\td中使用
 
 ***合并了四个单元格***!!!!!!

Merge cells vertically-----rowspan

Why use row for vertical merging, row clearly means row, so I think that the row for horizontal merging is represented by row!

Grouping elements

ul-----unordered list
ol-----ordered list

2. Format

<ul>
   <li>数据元素</li>
   <li>数据元素</li>
</ul>   

3. The attribute type in ol and ul is bound to
define the sorting rules

ul :

<ul>
     <li type=disk>第一项 实心圆</li>
     <li type=circle>第二项 圆</li>
     <li type=square>第三项 实心正方形</li>
  </ul>

ol

取值为1表示按数字排序, 取值为A表示按大写英文字母排序, 取值为a表示按小写英文字母排序,取值为I表示按大写罗马数字排序,取值为i表示按小写罗马数字排序,默认按数字排序。属性start 设置列表符号初值,取值可以是1、2、3 …,

4. New elements added by H5

aside—Load non-text content, which can be deleted! ! ! !

  • The footer (footer) in the = and header elements can be used multiple times! !

  • section—Defines the section in the article

  • Value (interactive element) means that the value of the progress bar is the current value and the maximum value of max
    must be greater than 0! ! ! !

  • Meter element: display the meter bar on the web page
    contains attributes:Insert picture description here

  • time- setting time machine-readable

  • Setting of hidden element

<p hodden="hidden>wsd</p>

web form

  1. The
    main attributes of the input box are type. According to the different attributes of the type, there are password boxes, mail boxes, etc. format:
<input type="具体名称"></input>

Common type types:
email—mail
search—search keyword
number—number input
color—color picker
date—display year, month, and day, not time
datetime—- Display year, month, day and time (including time zone)
datetime-locaal-------Display year, month, day and time (excluding time zone)

Other attributes:

<input type="text" placeholder="输入框提示占位"></input>

requier--------bollen值,true表示该输入框必填
pattern---------用正则表达式判断输入内容是否合法

Other attributes two:
list----drop-down selection box

<input type="text" list="list" />
 <datalist id="list">
    <option value="1" lable="1"></option>
    <option value="2" lable="2"></option>
 </datalist>   

who I am?
Erxianqiao Traffic Commissioner
Chenghua Avenue is resident in Shanxi on behalf of
Pine Cone Flick 3D Hun Yuan Jin Leibel Master
Chen e University City Branch e
skip class tenth level expert
Welcome to pay attention to my public
account . Let us discuss learning and life
here. More resources are waiting for you.
Welcome to the online conversation!
Insert picture description here

Guess you like

Origin blog.csdn.net/weixin_45803282/article/details/112185204