(完整版)HTML复习的知识点.docx
上传者：zhuwo11
2022-06-19 15:07:53上传
DOCX文件
22 KB
第1章：
网页的分类与扩展名、WEB标准
网页分类：静态网页、动态
扩展名：
Html 网页: .html, .htm
CSS: .css
Javascript: .js
web 标准
结构标准: html
表现标准 :css 层叠样式表
彳亍为标准：javaScript
第2章：
常见的 HTML 标记、常用的图片格式
1、HTML 标记
<html>< /html>：创建一个HTML文档,也称根标记。
<head>< /head〉：设置文档标题和其它在网页中不显示的信息，也成为头部标记。
<title>< /title〉：设置文档的标题。
<body>< /body〉：用于定义HTML文档所要显示的内容，也称主题标记。
<hr />：用来定义一条水平线。
<h1>< /h1>~<h6>< /h6>：最大的标题到最小的标题。
使用align属性加以下：
left：设置标题文字左对齐；
center：设置标题文字居中对齐； right :设置标题文字右对齐；
<p></p>：创建一个段落。<p align="">:将段落按左、中、右对齐。
使用align属性加以下： left：设置标题文字左对齐；
center：设置标题文字居中对齐； right :设置标题文字右对齐；
<br />：换行,插入换行符。
vmeta />：定义页面元信息标记。
vfont ></font>：规定文本的字体、字体尺寸、字体颜色。
fon t-family :字体
fon t-weight :字体粗细
fon t-varia nt：变体
fon t-style :字体风格
font：综合设置字体样式
fac：设置文字的字体
size :设置文字的大小
color :设置文字的颜色
CSS文本外观属性：letter-spacing字间距
word-spacing单词间距
lin e-height 行间距
text-align： left左对齐,height右对齐,center居中对齐
<img src="url" />
src :图像的路径
alt：图像不能显示时的替换文本
title :鼠标悬停时显示的内容
width :设置图像的宽度
heighr :设置图像的高度
border:设置图像边框的高度
vspace:设置图像顶部和底部的空白（垂直边距）
hspace:设置图像左侧和右侧的空白（水平边距）
用align属性：
left：将图像对齐到左边
right :将图像对齐到右边
top：将图像的顶端和文本的第一行文字对齐，其他文字居于图像下方 middle :将图像的水平中线和文本的第一行文字对齐，其他文字居于图像下方 bottom：将图像的底部和文本的第一行文字对齐，其他文字居于图像下方
<div ></div >区域容器标记
<span></span>行内容器标记
<ul type=>定义项目符号
disc：・
circle：O
square：,
<li></li>列表项，结合<ul>无序<ol>有序使用
<ul></ul>无序列表 <ol></ol>有序列表
<link href="url" rel=stylesheet type=
网页的分类与扩展名、WEB标准
网页分类：静态网页、动态
扩展名：
Html 网页: .html, .htm
CSS: .css
Javascript: .js
web 标准
结构标准: html
表现标准 :css 层叠样式表
彳亍为标准：javaScript
第2章：
常见的 HTML 标记、常用的图片格式
1、HTML 标记
<html>< /html>：创建一个HTML文档,也称根标记。
<head>< /head〉：设置文档标题和其它在网页中不显示的信息，也成为头部标记。
<title>< /title〉：设置文档的标题。
<body>< /body〉：用于定义HTML文档所要显示的内容，也称主题标记。
<hr />：用来定义一条水平线。
<h1>< /h1>~<h6>< /h6>：最大的标题到最小的标题。
使用align属性加以下：
left：设置标题文字左对齐；
center：设置标题文字居中对齐； right :设置标题文字右对齐；
<p></p>：创建一个段落。<p align="">:将段落按左、中、右对齐。
使用align属性加以下： left：设置标题文字左对齐；
center：设置标题文字居中对齐； right :设置标题文字右对齐；
<br />：换行,插入换行符。
vmeta />：定义页面元信息标记。
vfont ></font>：规定文本的字体、字体尺寸、字体颜色。
fon t-family :字体
fon t-weight :字体粗细
fon t-varia nt：变体
fon t-style :字体风格
font：综合设置字体样式
fac：设置文字的字体
size :设置文字的大小
color :设置文字的颜色
CSS文本外观属性：letter-spacing字间距
word-spacing单词间距
lin e-height 行间距
text-align： left左对齐,height右对齐,center居中对齐
<img src="url" />
src :图像的路径
alt：图像不能显示时的替换文本
title :鼠标悬停时显示的内容
width :设置图像的宽度
heighr :设置图像的高度
border:设置图像边框的高度
vspace:设置图像顶部和底部的空白（垂直边距）
hspace:设置图像左侧和右侧的空白（水平边距）
用align属性：
left：将图像对齐到左边
right :将图像对齐到右边
top：将图像的顶端和文本的第一行文字对齐，其他文字居于图像下方 middle :将图像的水平中线和文本的第一行文字对齐，其他文字居于图像下方 bottom：将图像的底部和文本的第一行文字对齐，其他文字居于图像下方
<div ></div >区域容器标记
<span></span>行内容器标记
<ul type=>定义项目符号
disc：・
circle：O
square：,
<li></li>列表项，结合<ul>无序<ol>有序使用
<ul></ul>无序列表 <ol></ol>有序列表
<link href="url" rel=stylesheet type=
(完整版)HTML复习的知识点
