框架
<html>
<head>
<title> 网页名 </title>
</head>
<body>
内容
</body>
</html>
标题标签
<h1></h1>
···
<h6></h6>
段落与换行
段落标签:<p> </p>
换行:<br>
格式化标签
<strong>加粗</strong>
<b>加粗</b>
<em>倾斜</em>
<i>倾斜</i>
<del>删除线</del>
<s>删除线</s>
<ins>下划线</ins>
<u>下划线</u>
块
<div>大块单独占一行</div>
<span>小块</span>
图像标签
<img src="img.jpg" />
<img src="img1.jpg" alt="alt 替换文本 图像显示不出来的时候用文字替换" />
<img src="img.jpg" title="title 提示文本 鼠标放到图像上,提示的文字" alt="xxx" />
<img src="img.jpg" title="xxx" width="width 给图像设定宽度" />
<img src="img.jpg" alt="xxx" title="xxx" height="height 给图像设定高度" />
<img src="img.jpg" alt="xxx" title="xxx" width="xxx" border="border 给图像设定边框" />
路径
<img src="下一级/img.jpg" />
<img src="../上一级" />
<img src="C:\Users\apple\绝对路径" />
超链接
<a href="http://www.xxx.com" target="target 打开窗口的方式 默认的值是 _self 当前窗口打开页面 _blank 新窗口打开页面"> name </a>
<a href="#">空链接</a>
<a href="img.zip">下载链接: 地址链接的是 文件 .exe 或者是 zip 等压缩包形式</a>
<a href="http://www.xxx.com"><img src="img.jpg" /></a>
描点定位
<a href="#dingwei">定位</a>
<h3 id="dingwei">定位</h3>
注释
<!-- 注释 -->
特殊字符
空格:
大于:>
小于:<
表格
<table align="表格对齐方式 left center right" border="边框" cellpadding="单元格与内容空白" cellspacing="单元格之间空白" width="宽" height="高">
<tr><th>属性</th><th>属性</th></tr>
<tr><td>内容</td><td>内容</td></tr>
</table>
合并单元格:
<tr><td></td><td colspan="2"></td> <!-- 跨列合并 --></tr>
<tr><td rowspan="2"></td> <!-- 跨行合并 --><td></td><td></td></tr>
<tr><td></td><td></td></tr>
无序列表
<ul>
<li>xxx</li>
<li>xxx</li>
<li>xxx</li>
</ul>
有序列表
<ol>
<li>xxx</li>
<li>xxx</li>
<li>xxx</li>
</ol>
自定义列表
<dl>
<dt>xxx</dt>
<dd>xxx</dd>
<dd>xxx</dd>
<dt>xxx</dt>
<dd>xxx</dd>
<dd>xxx</dd>
</dl>
表单
<form>
<!-- text 文本框 用户可以里面输入任何文字 -->
用户名: <input type="text" name="username" value="请输入用户名" maxlength="6">
<!-- password 密码框 用户看不见输入的密码 -->
密码: <input type="password" name="pwd">
<!-- radio 单选按钮 可以实现多选一 -->
<!-- name 是表单元素名字 这里性别单选按钮必须有相同的名字name 才可以实现多选1 -->
<!-- 单选按钮和复选框可以设置checked 属性, 当页面打开的时候就可以默认选中这个按钮 -->
性别: 男 <input type="radio" name="sex" value="男"> 女 <input type="radio" name="sex" value="女" checked="checked"> 人妖<input type="radio" name="sex" value="人妖">
<!-- checkbox 复选框 可以实现多选 -->
爱好: 吃饭 <input type="checkbox" name="hobby" value="吃饭"> 睡觉 <input type="checkbox" name="hobby"> 打豆豆 <input type="checkbox" name="hobby" checked="checked">
<!-- 点击了提交按钮,可以把 表单域 form 里面的表单元素 里面的值 提交给后台服务器 -->
<input type="submit" value="免费注册">
<!-- 重置按钮可以还原表单元素初始的默认状态 -->
<input type="reset" value="重新填写">
<!-- 普通按钮 button 后期结合js 搭配使用-->
<input type="button" value="获取短信验证码"> <br>
<!-- 文件域 使用场景 上传文件使用的 -->
上传头像: <input type="file">
</form>
label标签:
<label for="text"> 用户名:</label> <input type="text" id="text">
<label for="nan">男</label> <input type="radio" id="nan" name="sex">
<label for="nv">女</label> <input type="radio" id="nv" name="sex">
下拉表单
<form>
xxx:
<select>
<option>xxx</option>
<option>xxx</option>
<option>xxx</option>
<option selected="selected">默认选择</option>
</select>
</form>
文本语
<form>
xxx:
<textarea cols="50" rows="5">xxxxx</textarea>
</form>