HTML标记
用于描述网页内容的标记性语言【对网页内容进行结构化处理】将内容放置于适合的标记内
HTML标记类型:单标记和双标记
一、单标记
(1)<标记名称> 单一型,无属性值。如<br />
(2)<标记名称 属性=“属性值”>单一性,有属性值。如<hr width="80%" />
注:为了符合XHTML的语法规则,标记必须有开始和结束,属性必须有值,标记必须都是小写。
二、双标记
(3)<标记名称>.........</标记名称>没有属性和属性值。如<title>.....</title>
(4)<标记名称 属性=“属性值”>.....</标记名称>有属性值。
如<bodybgcolor="red">...</body> 或者<fontsize="7">...</font>
HTML的基本框架
<html>
<head>
<title> </title>
<meta></meta>
</head>
<body>
</body>
</html>
Meta标记:
1.Meta标签用于定义文件信息,对网页文件进行说明便于搜索引擎查找
2.<meta name="keyword"content="value">多个关键字之间用“,”分隔
3.设置描述:<meta name="description"content="value" />
4.设置作者:<meta name="author"content="作者名" />
5.设置字符集:<metahttp-equiv="content-type"content="text/html;charset=gb2312" />
6.设置页面定时跳转:<meta http-equiv="refreh"content="2;URL=http://www.baidu.com" />
网页主体标记body
1.注释 <!--注释内容-->
2.body属性<body bgcolor="背景颜色" background="背景图像"text="文本文件" link="链接文本颜色"vlink="访问过的文本颜色" alink="激活链接的颜色"leftmargin="左边界" rightmargin="右边界" topmargin="上边界" bottommargin="下边界">
注:上下左右的边界默认是10px
字体修饰
1.<font color="文本颜色" size="字号" face="字体">..文本..</font>
注:网页中的文本字体、字号一般有CSS修饰,
2.字符格式
加粗--<b>....</b> 倾斜-<i>....</i> 语气(加粗)--<strong>...</strong>
加强语气(倾斜)--<em>....</em> 下划线--<u>...</u> 删除线--<s>...</s> 上标--<sup>...</sup> 下标--<sub>...</sub>
注:删除线就是在文字中间加一条横线
3.段落标记:
<p align="对齐方式">....</p> ;align属性的属性值:left(左对齐(默认))、right(右对齐)、center(居中)
特殊字符:空格-- 、版权号--© 、注册商标--® 、“--" 、&--& 、<--< 、>-->
4.段落标题: <hxalign=”对齐方式”>..段落标题..</hx>
注:x的取值[1~6],hx内的文本会自动加粗显示,hx的对象是段落,而font针对的是所有的文本。
5.<br />换行 (换行不换段),即该行仍然受<p>的影响
6.水平直线<hr />
属性名称 | 属性值 | 说明 |
size | 像素(绝对设置); | 以数字表示,属性值越大,线越粗 |
百分比(相对设置) | 以%表示,税性值越大,线越粗 | |
width | 像素(绝对设置); | 长度不会因为视窗的改变而改变 |
百分比(相对设置) | 长度会随着视窗的变化而变化 | |
noshade | noshade | 实际上没有属性值,但是是在XHTML中规定必须有属性值,故将值写成属性名称即可 |
特殊标记
l 定义一个块引用:使(块内的)文本缩进。 <blockquote cite=”url”>....</blockquote>
注:cite属性值URL是被引用的地址。(如果网页上的一段文字被copy了其实是连URL一块copy的)
l 居中标记<center>...</center> (被废弃的标签,但是还可以用)
l 预格式化标记 <pre>....</pre> ,即显示已经格式化好了的文字,不加此标记,浏览器会忽略所有的空格和制表符。