html知识点

1.a标签：(Anchor锚)常用作超链接

属性：href（hypertext reference：放url
target ：默认在自己网页打开，_blank：在新网页打开

回到顶部：

<a id = "top"></a>
...
<a href = "#top">回到顶部</a>

2.img标签

src:资源
alt：加载失败说明文字
title：鼠标悬停文字

3.列表

ol（order list）有序列表

1. w
2. x
3. z

ul（UNorder list）无序列表

• w
• x
• z

dl(Definition List)自定义列表 每个自定义列表项以 dt(Definition Term) 开始。每个自定义列表项的定义以 dd (Definition Description)开始。

点击查看代码

<dl>
	<dt>姓名</dt>
	<dd>zs</dd>
	<dd>ls</dd>
</dl>

姓名

zs

ls

4.表格

点击查看代码

<table border="1">
    <tr>
        <th>Header 1</th>
        <th>Header 2</th>
        <th>Header 3</th>
    </tr>
    <tr>
        <!--跨列-->
        <td colspan = 2 align="center" >1-1</td>
        <td>1-2</td>
    </tr>
    <tr>
        <td rowspan =2 align="center">2-1</td>
        <td>2-2</td>
        <td>2-3</td>
    </tr>
    <tr>
        <td>3-1</td>
        <td>3-2</td>
    </tr>
</table>

Header 1	Header 2	Header 3
1-1		1-2
2-1	2-2	2-3
	3-1	3-2

5.表单

type有：

• text
• password
• radio单选
• checkbox多选
• submit
• reset
• button
• image
• file
• number

下拉框：

<select name = "select">
<option value = "China">中国</option>
<option value = "American">美国</option>
<option value = "Japan">日本</option>
</select>

中国 美国 日本

表单应用

placeholder:文本灰字提示
required：不为空
hidden:隐藏
readonly：只读
disabled：禁用
selected、checked等：默认勾选