HTML文档基本结构由是三个标签负责组织 ：
定义文档的字符编码，一般使用标签在头部定义，常用字符编码包括中文简体(gb2312),中文繁体(big5),和通用字符编码(utf-8)。使用方法 :
HTML中的标签
文档结构标签 ：、
、文本格式标签 :
【HTML】【理论学习】1.基础理论_html/css_WEB-ITnose
HTML : Hypertext Markup Language 中译：超文本标识语言，目前最新版本为HTML5.0
、<h>、<p>、<pre class="brush:php;toolbar:false">(标识预定义文本，其中可以保留空格和换行)</p> <p> <blockquoto>(标识长的引用文本)</p> <p><br /></p> <p> 字符格式标签 : <i>(引用文本、斜体)、<blink>(标识闪烁文本。。。貌似没用？)</p> <p> <big>、<small>、<sup>(上标)、<sub>(下标)、<cite>（引用）<br /></p> <p><br /></p> <p> 列表标签 : <ul>、<ol>、<li>、<dl>(定义列表)、<dt>(列表项)、<dd>(列表项的解释)<br /></p> <p><br /></p> <p> 链接标签 : ->定义超链接 ->定义锚点（文档内部）</p> <p><br /></p> <p> 多媒体标签 : <img>、<embed>(嵌入多媒体)、<object>（定义多媒体）<br /></p> <p><br /></p> <p> 表格标签 : <table>、<caption>、<th>、<tr>、<td>、<thead>、<tbody>、<tfoot>、<br /></p> <p> <col>(列)、<colgroup>（列组）<br /></p> <p><br /></p> <p> 表单标签 : <form>定义表单结构、<input>、<textarea>、<select>(下拉列表)、 <option>(下拉列表选择项目)、<optgroup>(选项组，相似的项目合并在一个组)</p> <p> <button>、<fieldset>(表单中的域)、<legend>（域的标题）</p> <p> </p> <p>HTML中的属性</p> <p> 基本属性 : class、id、style</p> <p><br /></p> <p> 语言属性 : lang、dir(文字方向)</p> <p><br /></p> <p> 键盘属性 : accesskey(访问某元素的键盘快捷键)</p> <p><br /></p> <p> 内容属性 : alt(元素的替换文本)、title(提示文本)、longdesc(大段描述信息)</p> <p> datetime(包含内容的时间日期) </p> <p> HTML5基础<br /></p> <p>相比于HTML4，HTML5添加了许多新特性<br /></p> <p><br /></p> <p>HTML5的文档类型声明 : <!DOCTYPE html></p> <p><br /></p> <p>视频 : <video src = "URL" controls = "controls">无法显示视频时显示此语句</video></p> <p> video的属性 ： autoplay = "autoplay" 设置视频自动播放<br /></p> <p> controls = "controls" 提供弓用户使用的视频控件<br /></p> <p> height、width 设置视频的宽度和高度</p> <p> loop = "loop" 设置视频连续播放</p> <p> preload = "preload" 预加载，当使用了autoplay时，此属性无效</p> <p>音频 ：不支持音频时显示此语句</audio> <br /></p> <p> audio的属性 : audio有着和video类似的属性――autoplay、controls、loop、preload<br /></p> <p><br /></p> <p>HTML新的Input类型 ：</p> <p> <input type = "email" name = "name"> 验证输入的内容是否为邮箱地址<br /></p> <p> <input type = "URL" name = "name"> 验证输入的内容是否为网址<br /></p> <p> <input type = "number" name = "name" min = "1" max = "10">验证输入的是否为 数字和数字位数<br /></p> <p> <input type = "range" name = "name" min = "1" max = "10">验证是否为数字和数字范围<br /></p> <p> <input type = "date" name = "name"> 日期选择<br /></p> <p> <input type = "search"> 搜索域<br /></p> <p><br /></p> <p>其他元素 ：hgroup : 用于对整个页面或页面中的一个内容区块的标题进行组合</p> <p> figure : 表示一段独立的流内容，一般表示文档内容中的一个独立单元<br /></p> <p> figuration : 为figure元素添加标题<br /></p> <p> (流：在文档和应用的body中使用的元素，如form,h1,small等)<br /></p> <p> embed : 用来插入多种多媒体 既可以是视频，也可以是音频<br /></p> <p> mark : 高亮文字<br /></p> <p> time : 表示日期和时间<br /></p> <p> canvas : 生成一块画布，可以使用JavaScript绘图 </div>
</div>
<script type="text/javascript" src="/layui/layui.js"></script>
<script>
layui.use('code', function(){
layui.code({
elem: 'pre', //默认值为.layui-code
about:false,
title:'【HTML】【理论学习】1.基础理论_html/css_WEB-ITnose代码块',
encode: true //是否转义html标签。默认不开启
});
});
</script>
<footer class="comm-footer">
<ul class="channels">
<li>
<a target="_top" href="/system/">操作系统</a>
</li><li>
<a target="_top" href="/down/">程序下载</a>
</li><li>
<a target="_top" href="/jquery/">jquery插件库</a>
</li><li>
<a target="_top" href="/jiaoben/">编程</a>
</li><li>
<a target="_top" href="/db/">数据库</a>
</li><li>
<a target="_top" href="/tools/">在线工具</a>
</li><li>
<a target="_top" href="/framebook/">框架书籍</a>
</li><li>
<a target="_top" href="/xitongjiaocheng/">系统教程</a>
</li><li>
<a target="_top" href="/ruanjianxiazai/">软件下载</a>
</li> </ul>
<ul class="versions">
<li>
<a href="https://m.gxlcms.com" class="active">触屏版</a>
</li>
<li>
<a href="https://www.gxlcms.com" target="_top">电脑版</a>
</li>
</ul>
<p><a href="https://beian.miit.gov.cn/" target="_blank" style="color:#ffffff"></a><script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?6c9b8cea1903c9f813f150c04aeebc3c";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script></p>
</footer>
</body>
</html>