<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>标准HTML文档</title>
</head>
<body>
<h1>H1标题</h1>
<p>一个文字段落</p>
</body>
</html>
<p>
<abbr>abbr定义缩写或首字母缩略语</abbr></br>
<address>address定义作者或拥有者的联系信息</address></br>
<bdo>dbo定义文本方向</bdo></br>
<blockquote>blockquote定义从其他来源引用的节</blockquote></br>
<dfn>dfn定义项目或略缩词的定义</dfn></br>
<q>q定义短的行引用</q></br>
<cite>cite定义著作的标题</cite></br>
</p>
<!--这是一个注释
<!DOCTYPE html> 声明为HTML5文档 <br/>
<html>元素是HTML页面的根元素</html><br/>
<head>元素是HTML页面元（meta）数据</head><br/>
<title>元素描述了文档的标题</title><br/>
<body>元素包含可见页面的内容</body><br/>
<h1>元素定义一个一级标题</h1><br/>
<p>元素定义一个段落</p><br/>
<br/>这是一个换行标签<br/>
-->
<!--这是一个注释-->
<b>b定义粗体文本</b><br/>
<big>big定义大号字</big><br/>
<em>em定义着重文字</em><br/>
<i>i定义斜字体</i><br/>
<small>small定义小号字</small><br/>
<strong>strong定义加重语气</strong><br/>
<sub>sub定义下标字</sub><br/>
<sup>sup定义上标字</sup><br/>
<ins><;ins>定义插入字</ins><br/>
<del><del></del>定义删除字<br/>
HTML链接标签 :超链接
1.href属性：创建指向另一个文档的链接
2.name属性：创建文档内的书签
单击这个a标签会跳转至百度<a href ="http://www.baidu.com">BAIDU</a><br/>
单击这个链接会跳转至<a href="#maodian">锚点</a>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<a name="maodian">锚点</a>
<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1598092967745&di=32812b6ec5443d0d76961f1c21e1bef1&imgtype=0&src=http%3A%2F%2Fa3.att.hudong.com%2F14%2F75%2F01300000164186121366756803686.jpg" width="866.66666666667" height="650" style="top: 0px; left: 52px; width: 386.667px; height: 290px; cursor: pointer;" log-rightclick="p=5.102" title="点击查看源网页">
表格标签
<table border="1">
<thead>
<tr>
<td>表头列1</td>
<td>表头列2</td>
</tr>
</thead>
<tbody>
<tr>
<td>数据1</td>
<td>数据2</td>
</tr>
<tr>
<td>数据3</td>
<td>数据4</td>
</tr>
<tr>
<tr>数据5</tr>
<tr>数据6</tr>
</tr>
</tbody>
</table>
HTML列表标签有序无序有什么区别？
HTML列表标签
<h1>无序列表</h1>
<ul>
<li>列表项1</li>
<li>列表项3</li>
<li>列表项2</li>
<li>列表项5</li>
<li>列表项4</li>
</ul>
<h1>有序列表
<ol>
<li>列表项1</li>
<li>列表项3</li>
<li>列表项2</li>
<li>列表项5</li>
<li>列表项4</li>
</ol>
</h1>
<h1>定义列表</h1>
<dl>
<dt>列表项</dt>
<dd>列表项1的介绍</dd>
<dt>列表项2</dt>
<dd>列表项2的介绍</dd>
<dt>列表项3</dt>
<dd>列表项3的介绍</dd>
</dl>
<h1>HTML块元素是html比较常用的元素之一，
通过块元素的定位，实现丰富的页面布局。div 最常见的块级模块</h1>
<div style="height:100px;background-color:red">
<p>这是第一块</p>
</div>
<div style="height: 100px;background-color: blue;">
<p>这是第二块</p>
</div>
表单元素，HTML表单用于用户输入
form 元素定义HTML表单，通过对一些输入元素input 标签使用可以嵌套在form元素中，构成一个完整的表单input 的标签类型
text 定义常规文本输入
radio 定义单选按钮输入
submit 定义提交按钮
checkbox 定义复选框
button 定义按钮
input 标签的输入类型
number 数字
data 日期
color 颜色
range 一定范围的值
month 选择月份和年份
wekk 选择周和年
time 选择时间（无时区）
datetime 选择日期和时间(有时区)
datetime-local 选择日期和时间（无时区）
email 对电子邮件进行验证
search 用于搜索
tel 电话号码输入
url URL地址输入
加粗样式notes：对不常用的标签类型，最好不使用，用第三方插件实现。
<h1>表单</h1>
<form >
Text: <input type="text"><br/>
Radio: <input type="radio"><br/>
Checkbox: <input type="checkbox"><br/>
Butoon: <input type="button" value="Butoon"><br/>
Submit: <input type="submit" value="Submit"><br/>
</form>
<h1>媒体标签</h1>
.xml扩展名指的是XML文件
.css扩展名指的是指示样式表
图片格式.gif.jip来识别
多媒体元素一般为swf.wmv.mp3.mp4
HTML以前是很难引入一个媒体文件，
html5新增了媒体audio、video标签，让媒体文件的引入变得更加方便和简单
<h1>媒体标签</h1>
<div>
<video src="movie.mp4" controls=controls>
浏览器不支持video标签
</video>
<div>
<audio autoplay="autoplay" src=music.mp3>
浏览器不支持auto标签
</audio>
</div>
</div>
canvas本事没有绘制功能，它仅仅是图形的容器，必须
使用js脚本来完成实际的绘图任务。
通过对画笔的操作，可以在canvas标签中绘制不同的图案和图形
等等
<body>
<canvas id="bg" width="500px" height="500px" style="border:
lpx solid #000000;"> </canvas>
</body>
<script>
var c=document.getElementById("bg");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.arc(200,250,90,0,2*Math.PI)
ctx.stroke()
</script>
对于HTML标签中，单一的标签并不能完全表示某一种标签状态或类型
所以所有的HTML标签存在不同的属性。HTML元素可以设置属性，标签
属性可以在元素中添加附加信息，属性一般开始描述与开始标签，属性总是以
名称、值（key-value）对形式出现，如name="value"。
<a href="http://www.baidu.com">点击进入百度</a>
对于a标签，href就是其标签的一个属性。通过对于标签属性的添加
可以针对标签本身出现很多不同的显示效果和作用。
<h1>通用属性</h1>
属性 值 描述
class classname 规定元素的类名
id id 规定元素唯一id
style style_definition 规定元素的行内样式
title text 规定元素的额外信息（可在工具提示）
HTML5增加一些属性
contenteditable 规定元素是否可以编辑
contextmenu 规定元素的上下文菜单，上下文菜单在用户单击元素时显示
data 用于存储页面和应用程序的私有订制数据
draggable 规定元素是否可拖动
dropzone 规定在拖动被拖动数据时是否进行复制、移动或链接
hidden 规定元素不再相关
spellcheck 规定是否对元素进行拼写和语法检查
translate 规定是否应该翻译元素内容
505
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
