目录
基础标签
1.基本结构标签
名称 | 作用 |
---|---|
<html> </html> | HTML标签,又称根标签,是页面中最大的标签 |
<head> </head> | 文档的头部(其中必须设置title) |
<title> </title> | 文档的标题 |
<body></body> | 文档的主体 |
2.常用标签:<p>段落标签,span标签,<br>换行标签,<hr>横线/水平线,<div>标签,<img>图片标签,<h>标题标签
3.表格标签:
表格标签:
<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
表单标签: <form action="target.html"></form>
text(文本框):<input type="text" name="username">
password(密码框):<input type="password" name="password">
radio(单选按钮):<input type="radio" name="hello" value="a">
<input type="radio" name="hello" value="b" checked>
checkbox(多选框):<input type="checkbox" name="test" value="1">
<input type="checkbox" name="test" value="2">
<input type="checkbox" name="test" value="3" checked>
下拉列表:<select name="haha" >
<option value="i">选项一</option>
<option value="ii">选项二</option>
<option selected value="iii">选项三</option>
</select>
列表框:<select name="haha" multiple>
<option value="i">皮球</option>
<option value="ii">篮球</option>
<option selected value="iii">乒乓球</option>
</select>
4.常用快捷键:(ctrl+N)新建
(ctrl+S)保存并命名,html后缀
(ctrl+?)注释
(ctrl+Z)撤回
5.列表标签:有序列表、无序列表、定义标签
<ol> <ul> <dl>
<li>结构</li> <li>结构</li> <dt>结构</dt>
<li>表现</li> <li>表现</li> <dt>表现</dt>
<li>行为</li> <li>行为</li> <dd>css来实现</dd>
</ol> </ul> </dl
图像属性
1.图像标签的其他属性(属性与属性之间用空格分开)
src | 图片路径 | 必须属性 |
alt | 文本 | 替换文本。图像上不能显示的文字 |
title | 文本 | 提示文本。鼠标放到图像上,显示的文字 |
width | 像素 | 设置图像的宽度 |
height | 像素 | 设置图像的高度 |
border | 像素 | 设置图像的边框粗细 |
超链接标签
外部链接
<a href="http://www.baidu.com">百度</a>
内部链接
<a href="index.html">首页</a>
空链接
<a href="#">首页</a>