<dl>（一级）
  <dt>helloworld</dt>（二级）
  <dd>每一门语言</dd>（三级）
</dl>

<thead>  //定义表格页眉

<tbody>          //定义表格主体

<tfoot>  //定义表格页脚

<col>    //定义表格的列属性-居中

<caption>  //这里是标题，显示在表格的居中

cellpadding=“10”   //这个是定义单元格边距的

cellspacing=“10”  //这是单元格的边距

<table summary="这里写一下这个表格的描述有利于收录">
<tbody>           //定义表格主体
  <!--表格大的时候保证一次显示出来而不是一点一点的显示-->
  <!--第一行：开始-->
  <tr>                                                    
    <th>班级</th>                                  <!--头行的列都是用th其实都是td-->
    <th>学生数</th>
    <th>平均成绩</th>
  </tr>                                                   
  <!--第一行：结束-->
  <tr>
    <td>二班</td>
    <td>35</td>
    <td>85</td>
  </tr>
</tbody>
</table>

<a href=”连接地址” title=”鼠标滑过文字” target=”_blank” >需要连接的文字</a>

//跳转到当前页id为tips位置
<a href="#tips">跳转到</a>

<a href=”mailto:445138773@qq.com?cc=445@qq.com&bcc=138@qq.com& subjet=主题名&body=内容”  >需要连接的文字</a>
<!–发邮件给445138773@qq.com抄送给445@qq.com密送给138@qq.com–>

<img src=”图片地址” alt=”图片没有显示出来显示的问题” title=”提示文字”>

<form>  //表单

<input>  //输入域

<textarea>  //文本域

<lable>  //控制标签，做说明用

<fieldset>  //定义域

<legend>  //域的标题

<select>  //选择列表

<optgroup>  //选项组

<option>  //下拉列表中的选项

<button>  //按钮

//会自动跳转到action页
<form method="传送方式分为post和get" action="服务器文件名，和这个文件进行对话">交互内容</form>

<!--定义输入框大小-->
<textarea rows="行50" cols="列10">在这里输入文字</textarea>

<!--定义  确定  按钮 name是给后台程序用-->
<input type="submit" value="确定" name="submit">

<!--定义重置按钮-->
<input type="reset" value="重置" name="reset">

//datalist 定义选项列表
<input list=”browsers”>
<datalist id=”browsers”>
  <option value=”Internet Explorer”>
  <option value=”Firefox”>
  <option value=”Chrome”>
  <option value=”Opera”>
  <option value=”Safari”>
</datalist>
//这个input的list必须存在而且要和datalist的id是相同的

<form action=”demo_keygen.asp” method=”get”>
  用户名: <input type=”text” name=”usr_name”>
  加密: <keygen name=”security”>
  <input type=”submit”>
</form>

//output  用于不同类型的输出，比如计算或脚本输出：
<form oninput=”x.value=parseInt(a.value)+parseInt(b.value)”>0
  <input type=”range” id=”a” value=”50″>100 +
  <input type=”number” id=”b” value=”50″>=
  <output name=”x” for=”a b”></output>
</form>
//output里的for=“a b”写不写都可以，还有这里的name可以用id替代

<form name="iForm" method="post" action="save.php">
你喜欢运动吗？
  <!--单选选中喜欢，name必须相同-->
  <input type="radio" value="喜欢" name="radiolove" checked="checked">喜欢
  <input type="radio" value="不喜欢" name="radiolove">不喜欢              
  <input type="radio" value="无所谓" name="radiolove">无所谓
喜欢什么运动呢？
  <!--多选中篮球和乒乓球，name不能相同，也可以相同，留作js调用用-->
  <input type="checkbox" value="篮球" name="checkbox1" checked="checked">篮球
  <input type="checkbox" value="足球" name="checkbox2" >足球     
  <input type="checkbox" value="乒乓球" name="checkbox3" checked=checked>乒乓球
</form>

<form name="iform" method="post" action="save.php">
   <!--现在是多选，要按ctrl才能选中多个，去掉multiple="multiple"就是单选-->
  <select multiple="multiple">             
  <option value="看书">看书</option>
  <option value="画画">画画</option>
  <option value="写字">写字</option>
</select>
</form>

<!--for必须和id是相同的而且如果有一个被标注了，两个就都要标注，缺一不可。name可相同也可不同，label也可以放到input的前边-->
<form action"#" method="post" name="List">
  <label for="xiao">这里输入显示文字香蕉<label>
  <input type="checkbox" name="typeList" id="xiao">
  <label for="xiao">这里输入显示文字苹果<label>
  <input type="checkbox" name="typeList" id="xiao">
  <label for="xiao">这里输入显示文字草莓<label>
  <input type="checkbox" name="typeList" id="xiao">
</form>

<!--accesskey是键盘快捷键，支持它的标签有<a>, <area>, <button>, <input>, <label>, <legend> 以及 <textarea>-->
    <a href="http://www.w3school.com.cn/html/" accesskey="h">HTML</a>

<!--contenteditable 这是一个可编辑段落，看着都可以替代input这种表单了-->
    <p contenteditable="true">这是一个可编辑段落。</p>

<!--contextmenu 这个是鼠标右键出现菜单-->

<!--hidden="hidden"  在xhtml中是禁止简写的-- >

<!-- item条目列表-->
    document.body.childNodes[0];

<!--item来写-->
    documetn.body.childNodes.item(0);

<!--tabindex TAB切换键切换顺序-->
    <a href="http://www.pengweb.net/" tabindex="2">2</a><br />
    <a href="http://www.pengweb.net/" tabindex="1">1</a><br />
    <a href="http://www.pengweb.net/" tabindex="3">3</a>

<form action="这里放交互的PHP文件地址" method="get/post(get地址栏会显示用户名和密码)" name=“typelist”>
用户名：
  <input type="text" name=“name” >     <!--输入表单-->
密码：
  <input type="password" name=“password”>
  <input type="submit" value="提交">
</form>

<?php
echo "用户名："$_GET['name'].“密码：”$_GET['password'];

<frameset cols="20%,30%,50%" noresize>    //禁止调大小，不能将这个写在body内，上一级是html
<frame src="要引入网页地址1"></frame>
<frame src="要引入网页地址2"></frame>
</frameset>

<iframe src="要引入网页地址" iframeborder="0" width="400" height="400">
</iframe>

<video width=”320″ height=”240″ controls=”controls”>
  <source src=”movie.ogg” type=”video/ogg”>
  <source src=”movie.mp4″ type=”video/mp4″>
  Your browser does not support the video tag.
</video>

<div style=”text-align:center;”>
 <button onclick=”playPause()”>播放/暂停</button>
 <button onclick=”makeBig()”>大</button>
 <button onclick=”makeNormal()”>中</button>
 <button onclick=”makeSmall()”>小</button>
 <br />
 <video id=”video1″ width=”420″ style=”margin-top:15px;”>
 <source src=”/example/html5/mov_bbb.mp4″ type=”video/mp4″ />
 <source src=”/example/html5/mov_bbb.ogg” type=”video/ogg” />
 Your browser does not support HTML5 video.
 </video>
 </div>
 <script type=”text/javascript”>
	 var myVideo=document.getElementById(“video1”);
	 function playPause()
		 {
		 	if (myVideo.paused)
		 		myVideo.play();
		 	else
		 		myVideo.pause();
		 }
	 function makeBig()
		 {
		 	myVideo.width=560;
		 }
	 function makeSmall()
		 {
		 	myVideo.width=320;
		 }
	 function makeNormal()
		 {
		 	myVideo.width=420;
		 }
 </script>

<img draggable=”true”>

 <!--
    先设置draggable="true"声明这个对象是可以拖放的
    ondragstart="drag(ev)"这是说调用一个函数drag（ev）
    ev.dataTransfer.setData是设置被拖拽的数据类型和值，例子中数据类型是text，值是拖拽id （“drag1”）记得加引号
    ondragover是放置目标，默认是不无法将数据放到其他元素中的，所以这里给他一个事件，将他设置允许，
    需要event.preventDefault();
    ondrop是放置动作，触发事件
    ev.target.appendChild(document.getElementById(data));这句话中的ev.target是指的当前被放置的目标位置，
    document.getElementById(data)是拖动的元素，其中data可以改写成“drag1”记得双引号
    -->
    <div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)">
        <img src="http://www.gbtags.com/gb/laitu/336x69" draggable="true" ondragstart="drag(event)" 
id="drag1" width="88" height="31">
    </div>
    <div id="div2" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
    <script>
        function allowDrop(ev)
        {
            ev.preventDefault();
        }

        function drag(ev)
        {
            ev.dataTransfer.setData("Text",ev.target.id);
        }

        function drop(ev)
        {
            ev.preventDefault();
            var data=ev.dataTransfer.getData("Text");
            ev.target.appendChild(document.getElementById(data));
        }
    </script>

//写在head内
<!--[if lt IE 9]>
  <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
<![endif]-->

header, section, footer, aside, nav, main, article, figure {
    display: block; 
}

src="/js/ibanner.js"

src="js/ibanner.js"

src="./js/ibanner.js"

src="../js/ibanner.js"

src="../../js/ibanner.js"

"		"
&		&
<		&lt;
>		&gt;
空格   	&nbsp;