点开展开或收起第一章
第一章
1,什么是HTML
HTML是超文本标记语言(HTML5是超文本标记语言的5代版本)
2,HTML的优势有哪些
(1)良好的移植性。HTML5可以跨平台使用,具有良好的移植性。
(2)更直观的结构。HTMl5新增了一些HTML元素,如:<header>,<nav>,<section>,<article>,<footer>
等结构性标记,为页面引入了更多的实践语义。
(3)内容和样式分离。
(4)新的表单元素。
(5)更方便地嵌入音频和视频。
矢量图绘制。实现2D绘图的Canvas对象,使得用户可以脱离Flash等直接在浏览器中显示图形和动画
3,HTML的基本结构
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
注释:<!--注释文字-->
4,文本标记
<h1>~<h6>,段落标签,水平线标记<hr/>,换行标记<br/>,字体样式标记<strong><em>,特殊字符等。
标题标记语法如下:
<hn>标题文字</hn>
5,特殊字符的代码
空格 表示一个英文字符的空格
> > 大于号
< < 小于号
© © 版权符号
® ® 注册商标
¥ ¥ 人民币符号
..... ..... ......
6,无序列表
<ul>
<li></li>
<li></li>
<li></li>
</ul>
备注:ul是英文“unordered list(无序列表)”的缩写
7,有序列表
<ol>
<li></li>
<li></li>
<li></li>
</ol>
备注:ol是英文“ordered list(有序列表)”的缩写
8,自定义列表
<dl>
<dt></dt>
<dd></dd>
<dd></dd>
</dl>
备注:dl是英文“definition list(定义列表)”的缩写
9,超链接
<a href="这里填链接的网站或路径"></a>
(1)页面间的链接。简单描述:点击时跳转到页面外的链接。
(2)描点链接。简单描述:点击跳转到页面内的某个地方。
(3)空链接。
`
10,图像标记
语法格式如下:
<img src="图像路径" alt="替换文本" title="提示文本" width="图像宽度" height="图像高度">
图片可以是路径,也可以是链接
src属性:设置图像的来源,指定图像文本的路径和文件名,他是img标签的必需属性。
alt属性:图像不能显示时的替换文本。
title属性:鼠标指针指向图像时显示的文本。
width属性:设置图像的宽度。
height属性:设置图像的高度。
点开展开或收起第二章
第二章
1,段落标记
之间的文字表示一个段落,多个段落需要用多个标记 备注:p是英文“paragraph(段落)”的缩写2,字体样式标记
字体样式标记可以设置文字的粗体,斜体,删除和下划线效果。 文本以粗体显示。 文本以斜体显示。点开展开或收起第三章
第三章
1,header元素
header元素未页面或页面中的某个区块的页眉,通常放置标题,它可以包含页面标题,LOGO图片,搜索表单等。2.nav元素
nav元素定义页面的导航链接部分区域,引用nav元素页面中可以包含多个nav元素,但并不是所有的链接都需要包含在nav元素中。通常nav元素用于一下几种场合: (1)传统的导航条。
(2)侧边栏导航。
(3)页内导航。
(4)翻页导航。
3,section元素
section元素用语对网站或应用程序中页面的内容进项分块。使用section元素须知:
(1)不要使用section元素设置样式,作为设置样式页面的容器,那是div的工作。
(2)如果artice元素,aside元素,nav元素更适合我们的使用条件,那么就不要使用section元素。
(3)不要为没有标题的内容使用section元素。
4,article元素
article元素用来定义独立的内容,该元素定义的内容可独立于其他的内用使用。一个article元素通常有自己的标题(通常放在一个header元素中),有时还有自己的页脚。
5,aside元素
aside元素通常用来表示当前页面的附属信息部分,它的内容跟这个页面其他内容的关联性不强,或者没有关联,单独存在。aside元素主要使用方法有两种:
(1)包含在article元素中作为主要内容的附属信息部分。
(2)在article元素之外使用的,作为页面或者站点全局的附属信息。
6,figure元素和figcaption元素
figure元素用来定义一块独立内容,该内容即使被删除,也不会对周围有形象,它可以用来表示图片,图表,音频,视频,代码等。figcaption元素用于未figure元素组添加标题,figcaption只能作为figure元素的子元素。
7,hgroup元素
hgroup元素用语对网页或区段(section)的标题进行组合。它常与h1~h6元素组合使用,。通常将hgroup元素放在header元素中。在使用hgroup元素时要注意一下几点:
(1)如果只有一个普通标题,不包含任何特殊的内容,不建议使用hgroup元素。
(2)当出现一个或一个以上的标题与元素时,推荐使用hgroup元素作为标题元素。但是这里除了编号和标题元素除外。
(3)如果除了主标题,还有其他内容(比如内容摘要,发白日期,作者署名,图片和小标题),应该把他们放在hgroup的后面,再把他们整体放在header元素中。
8,details和summary元素
details元素用语描述文档和文档某个部分的细节。summary元素经常与details元素配合使用,作为details元素的第一个子元素,用于为details定义标题。
9,progress元素
progress元素用语定义运行中的任务进度(进程),如Windows系统中的文件的安装,文件的复制等场景的进度。progress元素的常用属性值有以下两个:
(1)value:已经完成的工作量。
(2)max:总共有多少工作量。
10,meter元素
meter元素用于表示指定范围内的数值,如磁盘使用情况,查询结果或投票比例等。11,time元素
time元素用来定义公历的时间(24小时制)或日期。time元素有两个属性:
(1)datetime:规定日期或时间,否则,由元素的内容给定日期或时间。
(2)pubdate:指示time元素中的日期是文档(或article元素)的发布时间,常取值为"pudbate"。