慕课网学习笔记一.docxVIP

HTML5基础 认识标签 语义化： 明白每个标签的用途（在什么情况下我可以使用这个标签才合理）比如，网页上的文章的标题就可以用标题标签，网页上的各个栏目的栏目名称也可以使用标题标签。文章中内容的段落就得放在段落标签中，在文章中有想强调的文本，就可以使用em标签表示强调等等。 讲了这么多语义化，但是语义化可以给我们带来什么样的好处呢？ 1. 更容易被搜索引擎收录。 2. 更容易让屏幕阅读器读出网页内容。 body标签： 这个标签中存放的是网页可视化的内容； p段落标签 实现文章的分段，段前段后的内容都会以一个空白行隔开 hx标题标签 x从1~6,分为一级标签到第六级标签。 一级标签最大，六级标签最小，字体加粗效果越来越淡。 strong和em语气强调标签 strong主要表现为字体加粗，em主要表现为现实斜体字。 国内比较喜欢用前者 span单独样式标签。span标签是没有语义的，它的作用就是为了设置单独的样式用的。 q短文本引用标签。 标签标示的部分不用自己加双引号，浏览器检测到此标签会给此短文本加上引号。此标签真正的价值在于此段话是引用别人的话。 blockquote长文本引用标签。 和q的区别在于，这是长文本引用，浏览器会对标签中的内容作缩进处理。 br/分行现实文本标签，是个空标签，没有结束符。 此标签相当于回车，实现分行显示。 空格符nbsp 在文本中输入空格、回车都是没有作用的。要想输入空格，必须写入nbsp。 hr/水平线添加标签，为空标签。 hr /标签的在浏览器中的默认样式线条比较粗，颜色为灰色,可以用CSS修饰。 address地址添加标签。 浏览会更好的解析地址，地址显示为斜体字。 code行代码标签 内容中插入代码使用标签，适合行代码插入使用，在文章中一般如果要插入多行代码时不能使用code标签了。 pre大段代码加入标签 pre 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。换句话说：此标签可以用在我们想保留文本格式的地方，不过主要用在大段代码显示方面。 ul-li无序列表显示标签 这是无顺序列表显示标签，新闻列表，图片列表都是用此类标签做的。 ul li \o 精彩少年 精彩少年/li li \o 美丽突然出现 美丽突然出现/li li \o 触动心灵的旋律 触动心灵的旋律/li /ul Ol-li有序显示标签 使列表显示更加有前后顺序，默认顺序从1考试，后面逐个加一，使用方法和上面一样。 div独立容器标签 标签的作用相当于一个容器，可以将具有独立逻辑部分的代码放在此标签中，id属性是div中的唯一身份属性，是为div中独立逻辑部分的名称。用法：div id=hotList。 table表格添加标签 创建表格的四个元素： table、tbody、tr、th、td 1、table…/table：整个表格以table标记开始、/table标记结束。 2、tbody…/tbody：当表格内容非常多时，表格会下载一点显示一点，但如果加上tbody标签后，这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。 3、tr…/tr：表格的一行，所以有几对tr 表格就有几行。 4、td…/td：表格的一个单元格，一行中包含几对td.../td，说明一行中就有几列。 5、th…/th：表格的头部的一个单元格，表格表头，有加粗效果。 6、表格中列的个数，取决于一行中数据单元格的个数。 CSS样式初步，为表格提供边框。 caption表格标题标签 summary 表格内容摘要，摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)，使搜索引擎更好的读懂表格内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。 table summary=”学生成绩排名和信息记录” caption学生成绩表/caption tr……………….. /table a超链接标签 a href=目标网址 title=鼠标滑过显示的文本链接显示的文本/a target属性，设置为target=”_blank”;表示在新的窗口打开此链接页面。 mailto 属性的使用 功能 关键字 功能详解 举例 邮箱地址 mailto: 浏览器会自动调用默认客户端电子邮件程序（如outlook），并在收件人框中自动填上收件人地址 a href=” mailto:yy@”/a 抄送地址 cc= 在收件人地址后用cc=地址，可以填写抄送地址 a href=”mailto:yy@?cc=imoocadmin@”/a 密件抄送地址 bcc= 在收件人地址后用bcc=地址，可以填上密件抄送地址 a href=”mailto:yy@?bcc=imoocadmin@