HTML基础
基本的结构元素
div：在文档中定义一块区域，包含框、容器。
span：在文本行中定义一个区域，即行内包含框。
p：定义段落结构
h1~h6：标题1到标题6定义不同级别的标题。
ol：根据一定的排序进行列表。
ul：没有排序的列表。
li：每条列表项。
dl：以定义的方式进行列表。
hr：定义水平线。
代码实现：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML学习</title>
</head>
<body>
<div>
<h1>HTML学习记录</h1>
<h2>定义段落文本</h2>
<h3>H3标题</h3>
<h4>h4标题</h4>
<h5>h5标题</h5>
<h6>h6标题</h6>
<p>新闻内容</p>
<p>.............</p>
<p>发布于<span class="date">2019年11月</span>，由<span class="author">张三</span>编辑</p>
</div>
<hr />
<div id="nav">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">关于</a></li>
<li><a href="#">联系</a></li>
</ul>
<ol>
<li><a href="#">首页</a></li>
<li><a href="#">关于</a></li>
<li><a href="#">联系</a></li>
</ol>
</div>
</body>
</html>
最终效果：
属性
核心属性
class：定义类规则或样式规则。
id：定义元素的唯一标识。
style：定义元素的样式声明。
语言属性
lang：定义元素的语言代码或者编码。
dir：定义文本方向，包括ltr和rtl取值，分别表示从左向右和从右向左。
代码示例：
<html dir="ltr" xml:lang="zh-CN"> //为网页代码定义了中文简体的语言，字符对齐方式为从左到右。
<body id="myid"> lang="en-us"> //为body定义了美式英语
键盘属性
accesskey：定义访问某元素的键盘快捷键。
tabindex：定义元素的Tab健索引编号。
介绍：
accesskey属性可以使用快捷键（alt+字母）访问指定URL。
tabindex属性用来定义元素的Tab键访问顺序，可以使用Tab键遍历页面中的所有链接和表单元素。遍历时会按照tabindex的大小决定顺序，当遍历到某个链接时，按Enter键即可打开链接页面。
代码示例：
<a href="#" tabindex="1">Tab 1</a>
<a href="#" tabindex="2">Tab 2</a>
<a href="#" tabindex="3">Tab 3</a>
效果实现：
内容属性
alt:决定元素的替换文本。
title：定义元素的提示文本。
longdesc：定义元素包含内容的大段描述信息。
cite：定义元素包含内容的引用信息。
datetime：定义元素包含内容的日期和时间。
代码示例：
<a herf="URL" title="提示文本">超链接</a>
<img src="URL" alt="替换文本" title="提示文本">
效果实现：
扫一扫
605
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
