22
社区成员
发帖
与我相关
我的任务
分享HTML笔记总结
一、标准结构
<!DOCTYPE html> //文档声明【声明H5标准】
<html lang="zh-CN"> //语言设置
<head>
<meta charset="UTF-8"> //字符编码
<title>标题</title>
</head>
<body>
</body>
</html>
二、排版标签
<h1></h1> //标题标签不允许嵌套
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
<div></div>
<p></p> //段落标签中不允许出现块级元素(h1~h6、p、div等)
三、文本标签
<em></em> //要着重阅读的内容
<strong></strong> //十分重要的内容
<span></span>
四、图片标签
<img src="./图片.jpg"> // ./表示当前位置 /表示下一级 ../表示上一级
属性：width=""、height=""、alt=""
五、超链接
1.跳转页面
<a href="链接" target="_blank">名称</a> //【_blank：在新页签中打开 _self：在当前页签中打开 默认为_self】
2.跳转文件
<a href="链接" download>名称</a> //触发强制下载
3.跳转锚点
<a href="#111"></a> //直接跳转到111区域
<a name="111"> //name写在a标签里才能充当锚点
<a href="222"></a> //直接跳转到222区域
<p id="222"></p>
<a href="#"></a> //回到顶部
<a href=" "></a> //刷新页面
<a href="./xxx.html#111"></a> //跳转到其他页面中的111
<a href="javascript:alert(333);"></a> //弹窗(弹窗内容为333)
4.跳转应用
<a href="tel:电话号码"></a> //电话联系
<a href="mailto:邮箱号码"></a> //邮件联系
<a href="sms:电话号码"></a> //短信联系
六、列表
<ol> //有序列表
<li></li>
</ol>
<ul> //无序列表
<li></li>
</ul>
<dl> //定义列表
<dt></dt> //术语名称
<dd></dd> //术语描述
</dl>
七、表格
<table>
<caption></caption> //标题
<thead> //头部
<tr></tr> //行
<th></th> //单元格
</thead>
<tbody> //主体
<tr></tr>
<td></td> //单元格
</tbody>
<tfoot> //脚注
<tr></tr>
<td></td>
</tfoot>
</table>
属性：table：width=""、height=""、border=""(内外边框，内边框最大为1px)、cellspacing=""(单元格之间的间距)
thead：height=""、align=""(文字在单元格里的水平对齐方式【left、right、center】)、valign=""(文字在单元格里的竖直对齐方式【top、middle、bottom】)
tbody：height=""、align=""、valign=""
tfoot：height=""、align=""、valign=""
tr：height=""、align=""、valign=""
th：width=""、height=""、align=""、valign=""、rowspan=""(要跨的行数)、colspan=""(要跨的列数)
td：width=""、height=""、align=""、valign=""、rowspan=""、colspan=""
八、表单
<form></form>
属性：action="网站"、target=""、methord=""【get、post，默认为get】
<button></button> //搜素按钮
属性：type=""【submit、reset、button，默认为submit】
<input> //输入框
属性：type=""【text、password、radio、checkbox、hidden(隐藏域)、reset、button】、disabled(禁止输入)、maxlength=""(最大长度)、checked(默认选择该项)、value=""(在text属性下，value表示默认值；在checkbox属性下，value表示数据真正的值；在submit属性下，value表示名称，不允许写name)、id=""
<textarea></textarea> //文本域
属性：name=""、cols=""(控制文本域的宽)、rows=""(控制文本域的高)
<select></select> //下拉框
属性：name=""
<option></option> //选项
属性：value=""、selected(默认选择该项)
<label></label> //定义文字标签，建立关联
属性：for=""(与id对应)
<fieldset> //对表单控件进行分组
<legend></legend>
</fieldset>
九、框架标签
<iframe></iframe>
属性：src=""(嵌入网页)、width=""、height=""、frameborder=""(边框宽度，【取值只有0或1】)
<a href="" target="aaa"></a> //引入超链接
<form action="" target="aaa"> //引入表单
<input type="" name="">
<input type="" value="">
</form>
<iframe name="aaa"></iframe>
十、字符实体
//表示空格，有多少个表示多少个
  //表示空格
< //表示<
> //表示>
& //表示&
¥ //表示￥
© //表示©
× //表示×
÷ //表示÷
十一、全局属性
十二、HTML总结
...全文
请发表友善的回复…
发表回复
