Html学习笔记一
<html>
<head> <!--标题-->
<title>html标签笔记<title>
<style>
span{
color:blue;
}
</style>
</head>
<body> <!--文章-->
<h1>h1-h6标题标签</h1> <!--文章标题-->
<p> <!--段落，前面留白-->
<em> 斜体</em> ，<strong>粗体</strong>，<span>设样式</span>
<q>庄生晓梦迷蝴蝶。望帝春心托杜鹃。</q>
<blockquote> 这是一段很长的文本引用<br/> </blockquote>
</p><hr/> <!--添加水平横线，跟br一样也是空标签-->
<p>
暗淡轻黄体性柔，<br/>情疏迹远只香留。<br/> <!-- 换行标签，即回车-->
作者： 安琪拉 <!-- 表时空格 ，注意直接键入空格回车没用-->
<address>北京市西城区德外大街10号</address> <!--地址（电子邮件等）信息，浏览器默认斜体-->
<code>代码语言</code> <!--文本是代码，可以使用code标签，如果是多行代码，可以使用<pre>标签，会保留直接键入的空格和换行符-->
</p>
<p>
<div> <!--div标签划分出独立的逻辑部分。 使逻辑更加清晰，无显示-->
<ul><li> 无序标签</li></ul> <!--ul-li在网页中的默认样式一般为：每项li前都自带一个圆点-->
<ol><li> 有序标签</li></ol> <!-- 每项<li>前都自带一个序号，序号默认从1开始-->
</div>
<div id="版块名称">…</div> <!--可以为这一个独立的逻辑部分设置一个名称，用id属性来为<div>提供唯一的名称-->
<table> <!-- 创建表格的四个元素：table、tbody、tr、th、td-->
<!-- 摘要<table summary="表格简介文本"> 增加表格的可读性(语义化)，使搜索引擎更好的读懂表格内容-->
<caption>标题文本</caption> <!-- 用以描述表格内容，标题的显示位置：表格上方。-->
<tbody> <!--用tbody分段，table可以按结构一块块的显示，不在等整个表格加载完后显示。-->
<tr> <!-- tr 表格的一行，所以有几对tr 表格就有几行。-->
<th>班级</th> <!-- th 表格的头部的一个单元格，表格表头。-->
<th>人数</th>
</tr>
<tr>
<td>一班</td> <!-- 表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。-->
<td>50</td>
</tr>
</tbody>
</table>
<a href="目标网址" title="鼠标滑过显示的文本"> 链接显示的文本 </a> <!--重要！超链接，也可以是邮件地址-->
<!--在网址后面加target="_blank"，表在新的浏览器窗口中打开-->
<a href="mailto: yy@imooc.com ?subject="邮件主题。" &body="邮件内容">显示文本</a>
<!--注意：如果mailto后面同时有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔。-->
<!--插入图片-->
<img src="图片地址"> alt="图片下载失败时的替换文本" title="鼠标滑过图片时显示的文本"</img>
</p>
</body>
</html>
<!--浏览器中<em> 默认用斜体表示，<strong> 用粗体表示， <span>标签没有语义，作用就是为了设置单独的样式用的。
<q>语义是引用别人的话，自动添双引号，对搜索引擎更友好 ，<blockquote>是对长文本的引用-->
