宏奕笔记培训（1）

1.html5 概述

html5是构建Web内容的一种语言描述方式，适用于描述网页文档，被认为是互联网的核心技术之一。

2.html5文档基本格式

（1）文档类型说明：只在开头使用，保证该网页为有效的html文档。

（2）根标记：标记着文档的开始和结束。

（3）头部标记：一个文档中只含有一对标记，用于封装其他标记。

（4）主体标记：一个文档中只含有一对标记，与并列，所有展示给用户看的信息都在内。

3.html5 语法

（1）标签不区分大小写。

（2）允许属性值最好不使用引号。

4.html 标记（带有“<>”符号的元素）

（1）双标记：由开始和结束两个标记符组成的标记 内容

（2）单标记：空标记

（3）注释标记（不会在浏览器中显示）：<！–注释语句–！> 快捷键 Ctrl+/

5.元素的属性

（1） 标题标记 ：

标题文本

center 居中对齐 left 向左对齐 right 向右对齐

（2）段落标记:

段落文本

（3）水平线标记：

---

---

（4）换行标记： <`br/>`

（5）标记嵌套：

......我如果爱你 ......

…我如果爱你 …

（5）标记：单标记，可重复出现，用于为搜索引擎提供网页关键字、内容描述等信息。

（7）标记：用于引用外部文件。

（8）标记：在HTML中使用style标记时，表示使用嵌入式的CSS样式。

6.图像标记 标记

（1）:scr属性用于指定图像文件的路径和文件名。

（2)替换文本属性alt：使用不同浏览器，显示效果可能存在一定的差异。

（3）title属性：图像标记中与alt属性十分类似的属性。

7.相对路径和绝对路径

（1）绝对路径：一般指带有盘符的路径或完整的网络地址（网页中不推荐使用绝对路径，因为很有可能不存在）。

（2）相对路径：不带有盘符，通常是以HTML网页文件为起点，通过层级关系描述目标图像的位置。

相对路径的设置

a.图像和html文件位于同一个文件夹：只需输入图像文件的名称即可，如

b.图像文件位于html文件的下一级文件夹：输入文件夹名和文件名，之间用“/”隔开，如

c.图像文件位于html文件的上一级文件夹：在文件名之前加入“…/“，如果是上两级，则需要使用”…/…/”，如

8.创建超链接

基本语法格式：文本或图像

a. href:用于指定链接目标的url地址

b.target:用于指定链接页面的打开方式，其取值有_self和_blank 两种，其中_self为默认值，原窗口打开，_blank为在新窗口打开。

9.锚点链接：提高信息的检索速度，可以让用户快速定位到目标内容。

10.列表元素

（1)ul元素：无序列表

基本语法格式 :

                             <ul>

​                                  <li>列表1li>

​                                   <li>列表2li>

​                                  ......

​                             <u1>

    

（2）ol元素 ：有序列表

基本语法格式 ：

                              <ol>

​                                  <li>列表1li>

​                                   <li>列表2li>
               
                                    ......

​                               ol>

（3）dl元素 : 列表前没有任何项目符号。

基本语法如下：

标记术语或名词，

标记解释和描述性的内容会产生一定效果

<dl>

<dt>名词1</dt>

​     <dd>名词1解释1</dd>

​      <dd>名词1解释2</dd>

​       ...
​    

 <dt>名词2</dt>

​       <dd>名词2解释1</dd>

​        <dd>名词2解释2</dd>

​         ...

</dl>

11.结构元素

（1）header元素：一种具有引导和导航作用的结构元素。

（2）nav元素：用于定义导航链接。

（3）article元素：经常被用于定义一篇日志、一条新闻或者用户评论等。

（4）footer元素：用于定义一个页面或者区域的底部，它可以包含所有通常放在页面底部的内容。

12.页面交互元素

（1）details元素：用于描述文档或文档某个部分的细节。

​ summary元素：作为details元素的第一个子元素，用于为details定义标题。

​ summary元素经常与details元素配合使用。标题是可见的，当用户点击标题时，会显示或隐藏details中的其他内容。

（2）progress元素：用于表示一个任务的完成进度。

​ 常用属性值：a.value：已经完成的工作量

​ b.max:总共有多少工作量

（3）meter元素：用于表示指定范围内的数值。

13.文本层次语义元素

（1）time元素：用于定义时间或日期。

​ a.datetime:用于定义相应的时间或日期。

​ b.pubdate:用于定义time元素中的日期或时间是文档（或article元素）的发布日期。

（2）mark元素：主要功能是在文本高亮显示某些字符，以引起用户注意。

（3）cite元素：引用标记
em 强调 cite 引用 i 斜体
​

​