<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h3>概念</h3>
<ul>
<li><strong>标签</strong>：HTML是标记语言，标签是HTML中最基本的单位，大部分标签有附带的属性，大部分标签可嵌套（可嵌套标签以<></>对出现）。</li>
<li><strong>元素</strong>：整个标签下内容和标签本身组成一个元素，由于大部分标签可嵌套，大部分元素也是可嵌套的<br/>特殊的元素：
<ul>
<li><img>由于图像不是超文本，图像其实不是HTML的一部分，且图像不可嵌套</li>
<li><br/>内联元素的换行符</li>
</ul>
</li>
<li><strong>属性</strong>：标签的额外信息。属性以键/值对的形式出现，键根据不同标签不同，值需要用双引号引起来。<br/>
通用属性：绝大多数标签（元素）都有的属性，如：<br/>
class 元素类名，id 元素唯一id，style 样式，title 额外信息
</li>
</ul>
<h3>一个html文件的基本组成如下</h3>
<ol>
<li><strong><!DOCTYPE ...></strong> html版本声明：告诉浏览器使用的html版本。HTML5的声明为 <!DOCTYPE html>（据称html5是活标准，所以以后html就指代html5）</li>
<li><strong><html></strong> 标签：是整个页面内容的顶层元素（根元素），除声明外的所有代码都应该包含在这个标签内，标志着页面本身内容开始，其他元素均嵌套在此元素内</li>
<li><strong><head></strong> 头标签：规定页面内容的信息，如：<br/>
<meta> 告诉浏览器一些关于此html文件的重要信息，例如使用字符编码utf-8： <meta charset="utf-8"><br/>
<title> 显示在浏览器标签页的名字
<li><strong><body></strong> 页面内容，占页面面积最大的元素</li>
</ol>
<h3>常用的标签（元素）</h3>
<ul>
<li><strong><h1><h2><h3><h4><h5><h6></strong> 标题，内容字体依次减小</li>
<li><strong><p></p></strong> 段落，内容单独成段</li>
<li><strong><a></a></strong> 内容是超链接，链接地址在<a>的href或target属性中设置，可以本地，网络或本html页</li>
<li><strong><img></strong> 图片，图片地址在<img>的src属性中设置</li>
<li><strong>列表</strong>：有3种列表，<ul></ul>无序列表、<ol></ol>有序列表和 <dl></dl>自定义列表，<li>适用<ul>和<ol>，<dt>和<dd>适用<dl>
<ol>
<li>列表项<li></li>：列表中的一行元素</li>
<li>自定义列表</li>
<li>列表嵌套：嵌套的列表不需要在原列表的列表项中，可以直接成为一个元素</li>
</ol>
</li>
</ul>
<h3>其他</h3>
注释语法：<!-- text -->
<br/><br/>
<p>更多的元素介绍参考 <a href="https://www.w3.org/TR/#tr_HTML">w3.org</a></p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h3>概念</h3>
<ul>
<li><strong>标签</strong>：HTML是标记语言，标签是HTML中最基本的单位，大部分标签有附带的属性，大部分标签可嵌套（可嵌套标签以<></>对出现）。</li>
<li><strong>元素</strong>：整个标签下内容和标签本身组成一个元素，由于大部分标签可嵌套，大部分元素也是可嵌套的<br/>特殊的元素：
<ul>
<li><img>由于图像不是超文本，图像其实不是HTML的一部分，且图像不可嵌套</li>
<li><br/>内联元素的换行符</li>
</ul>
</li>
<li><strong>属性</strong>：标签的额外信息。属性以键/值对的形式出现，键根据不同标签不同，值需要用双引号引起来。<br/>
通用属性：绝大多数标签（元素）都有的属性，如：<br/>
class 元素类名，id 元素唯一id，style 样式，title 额外信息
</li>
</ul>
<h3>一个html文件的基本组成如下</h3>
<ol>
<li><strong><!DOCTYPE ...></strong> html版本声明：告诉浏览器使用的html版本。HTML5的声明为 <!DOCTYPE html>（据称html5是活标准，所以以后html就指代html5）</li>
<li><strong><html></strong> 标签：是整个页面内容的顶层元素（根元素），除声明外的所有代码都应该包含在这个标签内，标志着页面本身内容开始，其他元素均嵌套在此元素内</li>
<li><strong><head></strong> 头标签：规定页面内容的信息，如：<br/>
<meta> 告诉浏览器一些关于此html文件的重要信息，例如使用字符编码utf-8： <meta charset="utf-8"><br/>
<title> 显示在浏览器标签页的名字
<li><strong><body></strong> 页面内容，占页面面积最大的元素</li>
</ol>
<h3>常用的标签（元素）</h3>
<ul>
<li><strong><h1><h2><h3><h4><h5><h6></strong> 标题，内容字体依次减小</li>
<li><strong><p></p></strong> 段落，内容单独成段</li>
<li><strong><a></a></strong> 内容是超链接，链接地址在<a>的href或target属性中设置，可以本地，网络或本html页</li>
<li><strong><img></strong> 图片，图片地址在<img>的src属性中设置</li>
<li><strong>列表</strong>：有3种列表，<ul></ul>无序列表、<ol></ol>有序列表和 <dl></dl>自定义列表，<li>适用<ul>和<ol>，<dt>和<dd>适用<dl>
<ol>
<li>列表项<li></li>：列表中的一行元素</li>
<li>自定义列表</li>
<li>列表嵌套：嵌套的列表不需要在原列表的列表项中，可以直接成为一个元素</li>
</ol>
</li>
</ul>
<h3>其他</h3>
注释语法：<!-- text -->
<br/><br/>
<p>更多的元素介绍参考 <a href="https://www.w3.org/TR/#tr_HTML">w3.org</a></p>
</body>
</html>
242
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
