HTML

标题标签<h1></h1>,<h2></h2>,<h3></h3>,<h4></h4>,<h5><h5>,<h6><h6>
段落标签<p></p>,<span><span>
水平线标签<hr/>
换行标签<br/>
加粗斜体<strong></strong>,<em></em><b></b>,<i></i>
注释标签<!----> //
特殊符号
空格 &nbsp
大于号> &gt;
小于号< &lt;
引号" &quot;
版权符号@ &copy;

图像标签 <img src="path" alt="图像替代文字" title="鼠标悬停时提示文字" width="" height=""/>
1:绝对路径
2:相对路径
./1.jpg 当前文件目录下的1.jpg
../1.jpg当前文件目录的上一级的目录下的1.jpg
3: alt,title是图片的提示信息,便于SEO搜索优化


链接标签<a href="链接路径" target="链接在哪个窗口打开,常用_self,_new,_blank">链接文字或图像<img src="1.jpg"/></a>
页面链接<a href="2.html"></a>

锚链接
1:从A页面的甲位置跳转到A页面的乙位置
<a href="#marker">甲位置</a>
<a name="marker">乙位置</a>
2:从A页面的甲位置跳转到B页面的乙位置
<a href="1.html#marker">甲位置</a>
<a name="marker"><乙位置</a>

功能性链接
<a href="mailto:dqnWebmaster@bdqn.cn">联系我们</a>


无序列表
<ul type="disc/square/circle>
<li></li>
<li></li>
</ul>
disc项目符号显示为实体圆心,默认值
square项目符号显示为实体方心
circle项目符号显示为空心圆
有序列表
<ol type="1/A/a/I/i>
<li></li>
<li></li>
</ol>

1使用数字作为项目符号
A/a使用大写/小写字母作为项目符号
I/i使用大写/小写罗马数字作为项目符号

定义列表
<dl>
<dt></dt>
<dd></dd>
<dd></dd>
</dl>
表格
<table border="1" cellpadding="10" cellspacing="0" width="100%">
<tr rowspan="跨行" colspan="跨列">
<th>默认居中加粗</th>
<th></th>
</tr>
<tr>
<td align="left/center/right">默认居左</td>
<td valign="top/middle/bottom></td>
</tr>
</table>
表单
<form method="数据发送方式get/post" action="表单提交路径">

<input type="text" name="user" vlaue="初始化内容" placeholder="水印字符">
<input type="password" name="pwd" value="密码">

<input type="radio" name="sex" value="只选其一">男
<input type="radio" name="sex" value="只选其一">女
 <input type="checkbox" name="interest" />音乐
<input type="checkbox" name="interest" />书籍
 <select size="2" >
<opti>1</option>
</select>

<textarea cols="10" rows="10" >文本域</textarea>
 <input type="file" value="请选择文件">
 <input type="hidden" value=""隐藏域 name="show" />

readonly只读文本
disabled禁用按钮

<input type="buton" value="点击我不会提交表单">
<button>点击我会提交表单到actio的路径里</button>
<input type="sunmit" value="点击我会提交表单到actio的路径里">
内联框架
<iframe src="1.html" frameborder="0" scrolling="no" width="400" height="200"/>
</form>

原文地址:https://www.cnblogs.com/xingkongly/p/7506541.html