HTML学习日志Word文档下载推荐.docx
《HTML学习日志Word文档下载推荐.docx》由会员分享,可在线阅读,更多相关《HTML学习日志Word文档下载推荐.docx(17页珍藏版)》请在冰豆网上搜索。
单标记:
标记名称>
单一型,无属性值:
如:
br/>
单一型,有属性值:
双标记
无属性值:
...<
/标记名称>
title>
/title>
有属性值:
标记名称属性="
属性值"
fontsize"
说明:
标记与属性、属性之间以空格分隔
属性不区分先后顺序,且属性不是必需的.
虽然在HTML中标记不区分大小写,但在XHTML中所有标记都必须小写,所以建议所有标记都采用小写.
03.HTML文档结构
所有的网页文件,通常由四对标记来构成文档的骨架:
html>
head>
标题
/head>
body>
正文
/body>
/html>
<
标识网页文件的开始与结束,所有的html元素都要放在这对标记中.
标识网页文件的头部信息,如标题、搜索引擎关键字等.
标识网页文件的标题
标识网页文件的主体部分
04.注释
注释格式:
!
--注释内容-->
05.头部(head)标记
meta标记用于定义文件信息,对网页文件进行说明,便于搜索引擎查找。
放置于<
之间.
设置关键字:
metaname="
keywords"
content="
value"
多个关键字内容之间可以用"
"
分隔.
设置描述:
description"
设置作者:
author"
作者名"
设置字符集:
metahttp-equiv="
content-type"
text/html;
charset=gb2312"
设置页面定时跳转:
refresh"
2;
URL="
06.主体(body)标记
bodybgcolor="
背景颜色"
background="
背景图象"
text="
文本颜色"
link="
链接文本颜色"
leftmargin="
左边界"
rightmargin="
右边界"
topmargin="
上边界"
bottommargin="
下边界"
在HTML4.01中,所有body元素的"
呈现属性"
均不被赞成使用。
在XHTML1.0StrictDTD中,所有body元素的"
均不被支持。
07.字符格式
功能标记
加粗<
b>
文本<
/b>
倾斜<
i>
/i>
加强语气(加粗)<
strong>
/strong>
加强语气(倾斜)<
em>
/em>
下划线<
u>
/u>
删除线<
s>
/s>
上标<
sup>
/sup>
下标<
sub>
/sub>
说明
如果标记的内容比较重要,可以在语义上加权
文章网页的主题推荐使用<
h1>
/h1>
网页的段落文字推荐使用<
p>
/p>
08.段落控制标记
hxalign="
对齐方式"
/hx>
段落标题说明:
x取值[1-6]
hx内的文本会自动加粗显示
hx针对的对象是段落,而font针对的对象是任意文本.
09.换行
:
换行(换行不换段)
10.修饰标记
hr/>
线条
属性名称属性值说明
size像素绝对设置,以数字表示,属性值越大,线越粗
百分比相对设置,以%表示,属性值越大,线越粗
width像素绝对设置,长度不会应视窗的改变而改变
百分比相对设置,长度会应视窗的改变而改变
noshade="
noshade"
实体线
在xhtml中,所有的标签都必须要用属性值,如果没有,使用属性名。
例如:
hrnoshade="
11.特殊标记
定义一个块引用:
使用文本缩进
格式:
blockquote>
/blockquote>
属性名称属性值说明
citeurl被引用的地址
居中标记<
center>
/center>
(已废弃)
预格式化<
pre>
不加此标记会忽略所有空格和制表符。
常用在表示源代码.
12.XML的特殊符号(转义符号)
空格&
nbsp;
版权号&
copy;
注册符号&
reg;
"
&
quot;
&
amp;
lt;
>
gt;
13.列表的标记
列表标记可以创建一般的无序列表,编号列表,以及定义列表三种方式,还可以在一种列表中嵌套另一种列表。
便于概括显示一系列相关的内容。
利用列表可以做排行榜.
(1)无序列表<
ul>
/ul>
ultype="
项目符号类型"
litype="
内容1<
/li>
li>
内容2<
...
表示一个项目.
项目符号类型:
disc●
circle○
square■
(2)有序列表<
ol>
/ol>
olstart="
列表起点"
type="
type1表示以1,2,3,4来表示
a表示以a,b,c,d来表示
A表示以A,B,C,D来表示
i表示以i,ii,iii来表示
I表示以I,II,III来表示
(3)定义列表<
dl>
/dl>
dt>
标题1<
/dt>
dd>
/dd>
标题2<
14.图片
图片标记:
imgsrc="
图片的路径"
图片的路径:
·
绝对路径:
提供目标文档的完整主机名称、路径信息及文档全称.
相对路径:
从当前文档开始的路径.
如果当前文档和目标文档位置平行,则直接书写目标文档全称.
如果当前文档和目标文档所在文件夹位置平行,则书写为:
文件夹名称/目标文档全称.
如果当前文档所在的文件夹和目标文档位置平行,则书写为:
../目标文档全称.
根相对路径:
从站点根目录开始的路径,以"
开头.
图片标记属性
属性属性值说明
srcURL图片的路径
alt文本规定图片的替代文本[图片无法显示时]
title文本鼠标悬停时显示的内容
width像素/百分比设置图片宽
height像素/百分比设置图片高
border数字设置图片边框
alignleft图片靠左,文字靠右
right图片靠右,文字靠左
top文字垂直居上靠
middle文字垂直居中
bottom文字垂直居下(默认)
vspace像素定义图象顶部和底部的空白(垂直边距)
hspace像素定义图象左侧和右侧的空白(水平边距)
15.表格
因为表格中可以包含任何内容,所以在使用DIV+CSS之前,网页设计师是使用表格对网页内容进行排版与布局的.
表格标记基本结构:
table>
/table>
定义表格
tr>
/tr>
定义表行
td>
/td>
定义表列(单元格)
th>
/th>
定义标题栏(文字加粗,居中)
表格属性:
<
tablebgcolor="
"
设置表格的背景色
tablebackground="
设置表格的背景图片
tableborder="
设置边框的宽度,若不设置此属性,则边框宽度默认为0.
tablecellpadding="
设置表格单元格边框与其内部内容之间空间的大小,默认为2(表格边距)
tablecellspacing="
设置表格单元格之间空间的大小,默认为2(单元格间距)
tablebordercolor="
设置表格边框的颜色
tablebordercolorlight="
设置表格边框亮部分的颜色(当border的值大于等于1时才有用).
tablebordercolordark="
设置表格边框暗部分的颜色(当border的值大于等于1时才有用).
tablealign="
设置表格的对齐方式(left=左,center=居中,right=右).
tablewidth="
设置表格的宽度,单位用绝对像素值或总宽度的百分比.
tdwidth="
设置单元格的宽度
tdheight="
设置单元格的高度
tdbgcolor="
设置单元格的背景颜色
tdbackground="
设置单元格的背景图片
tdalign="
设置单元格的水平对齐方式
tdvalign="
设置单元格的垂直对齐方式
tdrowspan="
设置行合并的数目
tdcolspan="
设置列合并的数目
tdnowarp="
nowarp"
设置在单元格中不换行
表格标签下的边框设置
属性名称属性值说明
framevoid不要显示表格的边线