HTML常用标签

HTML常用标签

基本标签

1.1 标题标签

• h1-h6文本等级标签
• p段落标签

<p>文本内容</p>

作用：可以把HTML文档分隔为若干个段落，是HTML文档中的最常见的标签，会根据浏览器窗口的大小自动换行。

• 水平线标签hr
  hr是个单标签，创建横跨网页水平线的标签。

• 换行标签br 强制换行。

• div和span标签
  一行只能放一个div，一行可以放好多个span。

1.2文本格式化标签

标签	显示效果
b标签 /strong标签	粗体
i便签	斜体
s标签	删除线
u标签	下划线

1.3图像便签

img标签语法如下：

<img src="图像路径" alt="图像不能显示是的替换文字" title=“悬停时的内容”>

1.4链接标签

语法如下：

<a herf="跳转的地址" target="窗口的弹出方式"></a>

target有两种弹出方式，-self在当前窗口直接跳转，_blank新建一个窗口，在新窗口中打开。

2.路径

相对路径

同级路径直接写图像文件的名称 
下一级路径使用“/” ，如iamges/ 01.jpg    
上级路径使用“../”，如“../iamges/01.jpg”.

绝对路径
直接写文件右键属性就可。

表格标签

1.1创建表格

表格的基本语法：

<table>
       <tr>
           <td></td>
           <td></td>
       </tr>
 </table>

table定义一个表格标签。
th表示表头，用th标签会加粗一点。
tr定义表格中的行，td定义表格中的单元格。

1.2表格属性

属性名	含义
border	设置表格的边框
cellspacing	设置单元格与单元格之间的空白间距
cellpadding	单元格与边框的间距
width	宽度
height	高度
align	水平对齐方式
caption	表格标题
rowspan	行合并
colspan	列合并

列表标签

列表分为无序列表、有序列表、自定义列表。

• 无序列表是以小圆点开头没有顺序之分。
  
  注意：
  ul中只能嵌套li，不允许输入其他标签。
• 有序列表ol
  是以数字开头有顺序。
  
• 自定义列表
  里面有两个标签 dt和dd

表单标签

• 1.1input 控件

type属性：
通过这个决定这个标签属于那种input表单。
type属性的属性值

属性	作用
text	文本框
password	密码框
radio	单选按钮
CheckBox	复选框
button	普通按钮
submit	提交按钮
reset	重置按钮

其他属性的属性值：

属性	属性值	描述
name	自定义	控件的名称
value	自定义	控件中的默认文本值
size	整数	控件的显示宽度
Checked	Checked	默认被选中的项

value设置默认的文本值，name属性设置表单的名字，设置名字可以在css中设置他的样式。
checked默认选中转态，常见于单选和复选。

• 1.2文本域标签
  通过textarea控件可以轻松地创建一个多行文本框。

文本框和文本域的区别：
text文本框只能显示一行，单标签
textarea文本域，可以显示多行，双标签。

文本域禁止拖动可加：

resize:none;

1.3下拉列表框
select控件定义下拉列表。

<select name="" id="">
        <option value=""></option>
        <option value=""></option>
</select>

一个selec可以包含多个option。

form表单域

<form action="" method="" name="">
</form>

常见属性

属性	属性值	作用
action	地址	指定接收的地址
method	get/post	设置表单数据的提交方式
name	名称	指定表单的名称