完整版HTML复习的知识点.docx
- 文档编号:29166383
- 上传时间:2023-07-21
- 格式:DOCX
- 页数:12
- 大小:19.69KB
完整版HTML复习的知识点.docx
《完整版HTML复习的知识点.docx》由会员分享,可在线阅读,更多相关《完整版HTML复习的知识点.docx(12页珍藏版)》请在冰豆网上搜索。
完整版HTML复习的知识点
第1章:
网页的分类与扩展名、WEB标准
(1)网页分类:
静态网页、动态
(2)扩展名:
Html网页:
.html,.htm
CSS:
.css
Javascript:
.js
(3)web标准
结构标准:
html
表现标准:
css层叠样式表
行为标准:
javaScript
第2章:
常见的HTML标记、常用的图片格式
1、HTML标记
:
创建一个HTML文档,也称根标记。
:设置文档标题和其它在网页中不显示的信息,也成为头部标记。
设置文档的标题。
:用于定义HTML文档所要显示的内容,也称主题标记。
:
用来定义一条水平线。
~:最大的标题到最小的标题。
使用align属性加以下:
left:
设置标题文字左对齐;
center:
设置标题文字居中对齐;
right:
设置标题文字右对齐;
:
创建一个段落。
将段落按左、中、右对齐。
使用align属性加以下:
left:
设置标题文字左对齐;
center:
设置标题文字居中对齐;
right:
设置标题文字右对齐;
:
换行,插入换行符。
:
定义页面元信息标记。
:
规定文本的字体、字体尺寸、字体颜色。
font-family:
字体
font-weight:
字体粗细
font-variant:
变体
font-style:
字体风格
font:
综合设置字体样式
fac:
设置文字的字体
size:
设置文字的大小
color:
设置文字的颜色
CSS文本外观属性:
letter-spacing字间距
word-spacing单词间距
line-height行间距
text-align:
left左对齐,height右对齐,center居中对齐
src:
图像的路径
alt:
图像不能显示时的替换文本
title:
鼠标悬停时显示的内容
width:
设置图像的宽度
heighr:
设置图像的高度
border:
设置图像边框的高度
vspace:
设置图像顶部和底部的空白(垂直边距)
hspace:
设置图像左侧和右侧的空白(水平边距)
用align属性:
left:
将图像对齐到左边
right:
将图像对齐到右边
top:
将图像的顶端和文本的第一行文字对齐,其他文字居于图像下方
middle:
将图像的水平中线和文本的第一行文字对齐,其他文字居于图像下方
bottom:
将图像的底部和文本的第一行文字对齐,其他文字居于图像下方
区域容器标记行内容器标记
disc:
●
circle:
○
square:
■
列表项,结合- 无序
- 有序使用