web前端基础知识之常用标签

1. Div：块级标签，独占一行
2. span： 行级标签，不独占一行，只是可以用来标记这段文字以用来单独处理
3. strong：可以加粗文字，用来加强语气
4. em：可以是文字变成斜体，同样是用来加强语气

span、strong、em的区别:strong、em标签都表示加强语气，但strong表现为加粗，em表示为斜体，
                    span标签没有语义，它的作用是为了设置单独的样式用的

5. table：表格标签，常与th、tr、td标签嵌套使用，table内的border属性可以使表格建立边框

thead:用来设置表格的表头属性
tr:指行数
td:指列数

        
这是表头
        

            
这是第一行第一列
            
这是第一行第二列
        
        

            
这是第二行第一列
            
这是第二行第二列
        
    
在浏览器显示为：
这是表头
这是第一行第一列    这是第一行第二列
这是第二行第一列    这是第二行第二列

6. ol、ul、li：ol(order list)为有序标签和ul(unorder list)为无序标签，常与li标签嵌套使用

        
这是有序列表1
        
这是有序列表2
        
这是有序列表3
        
这是有序列表4
        
这是有序列表5
    
    

        
这是无序列表1
        
这是无序列表2
        
这是无序列表3
        
这是无序列表4
        
这是无序列表5
    
在浏览器显示为：
![***show effects***](http://upload-images.jianshu.io/upload_images/1183639-dce4f2089df074ef.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

7. dl:自定义列表，常与dt、dd标签嵌套使用

名词

名词解释1

名词解释2

名词解释3

8. from:表单标签，常用与注册等需要填写多项信息的场景中，form标签内可以使用input、select、textarea、label、fieldset等标签

How Are You

First name:

Last name:

gender: 男

女

favored: ride

basktball
football
music

Birthday:


2001
2002
2003
2004
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
年

1
2
3
4
5
6
7
8
9
10
11
12
月

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
日

remark

请单击确认按钮，会跳转到YAN7的个人页面。

![***show effects***](http://upload-images.jianshu.io/upload_images/1183639-1d3754b61e8e2c95.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)