【html学习之常见标签及属性的用法】

一.html标签
1.标题标签h1-h6(

)
2.段落标签

3.水平线

---

是单标签
4.换行

5.盒子

多个标准流div不能在一行显示
6. 多个span在一行显示
7.文字以粗体显示
8.文字以斜体显示
9.文字以加删除线显示
10.文字以加下划线方式显示

二.标签属性
语法:<标签名 属性1="属性值1" 属性2="属性值2"...>内容
eg

---

图像标签img

链接标签
文本或图像
target:用于指定链接页面的打开方式，有self(默认值)，blank(打开新页面)

无序列表

 
• a

 
• a

 
• a

有序列表

 
1. 1

 
2. 2

 
3. 3

自定义列表

 

 

 

 
 

 

 

 
 

 

 

表格

   
    
   

解释：tr代表行 td代表单元格
表格属性 border:边框(默认border="0"无边框)
         cellspacing 设置单元格与单元格边框之间的空白间距(默认2px)
         cellpadding 设置单元格内容与单元格边框之间的空白间距(默认1px)
         width 宽度
     height 高度
     align 设置表格在网页中的水平对齐方式(left,center,right)

 表格标题
 合并单元格 
 跨行合并 rowspan
 跨列合并 colspan

表单
input
文本框
密码框
单选框
多选框
普通按钮
条件按钮
重置按钮
图像形式提交按钮
文件域

用于绑定一个表单元素, 当点击label标签的时候, 被绑定的表单元素就会获得输入焦点

文本域 多行文本输入框

下拉菜单

    选项一
    选项二
    选项三

注意：在option 中定义selected =" selected "时，当前项即为默认选中项

多选框



注意:在多选框中定义checked="checked"时，当前项即为默认选中项

form表单