当前位置:
文档之家› HTML语言基础PPT演示课件
HTML语言基础PPT演示课件
2、字体控制标识符
FONT标记符用于控制字符的样式,包括开始标记符<FONT>和结束标记符</FONT>,FONT 标记符具有3个常用的属性: size 属性
字号属性的值可以从 1 到 7,3 是默认值,字号越大显示的字符就越大。该属性 值也可以用 +n 或 -n 来作为相对值指定。 color 属性
第3章 HTML语言基础
3.1 HTML语言的基本结构标记
3.1.1 常用页面标记
1、 开始和结束标记
HTML文档的开始标记是<html>,它告诉浏览器下面的内容是HTML文档,在HTML文档结束处 要有对应的<html>标记,它告诉浏览器HTML文档结束了。它的语法格式如下:
<html> HTML文件的所有内容 </html>
文档内容 </body>
3.1.2 文本格式标记
1、 标题标记符
在HTML中,用户可以通过Hn标记符来标识文档中的标题和副标题,其中:n是1-6的数字; <H1> 表 示 最 大 的 标 题 , <H6> 表 示 最 小 的 标 题 。 使 用 标 题 样 式 时 , 必 须 使 用 结 束 标 记 符 。
这是使用HTML语言编写的Web页面文件z </body> </html>
<body>标记还具有一些可以设定Web页面背景的属性,可使用图片/图像作背景,确定链接的 颜色,设置文字的颜色等。
它的语法格式为: <body[bgcolor= #|text= #|link= #|alink= #|vlink= #|background=图像文件名]>
5、 物理字符标记 所谓物理字符样式,是指标记符本身就说明了所修饰文字的效果的标记符。常用的物理标 记符有: 斜体:< i >(italic)或< em>(emphasize) 黑体:<b>(black)或<strong> 添加下划线: <u>(underline) 选择打印机字体:<tt> 标记HTML语句:<code> 标记定义的语句:<dfn> 标记键盘字符:<kbd> 标记某个命令的例子:<samp> 标记程序变量:<var>
3.2 超链接标记
3.2.1 什么是超链接
超链接是WWW的一种链接技巧 ,它通过已定义好的关键字和图形,只要您 点取某个图标或某段文字,就可以自动连上相对应的其他文件。 所以在WWW的 站点画面中 , 您可以通过超链接点取的方式,从一个网页链接到另一个网页 。 超链接标记为<a>与</a>
2、头部标记 HTML文档的头部标记是<head>,它告诉浏览器下面的内容是HTML文档的头部,显示在文本
之前,而</head>标记告诉浏览器头部内容结束了。头部里面一般包括注释、Meta和标题。 它的语法格式为 <head>
HTML文档的头部内容 </head>
3、标题标记 <title>和</title>标记中间所包括的文字将成为这个Web页面的标题,一般写在头部
4、水平线标记
在HTML中除了可以用P标记划分落,还可以用添加水平线的方法分隔文档的不同 部分。
水平线的标记符为<HR>,它包括以下属性: SIZE 属性用来改变水平线的粗细程度 WIDTH 属性用来更改水平线的长度 NOSHADE 属性用来使水平线以实线显示 COLOR 属性用来设置水平线的颜色 ALIGN 属性用来设置水平线的对齐方式 其中:COLOR 属性在 Microsoft Internet Explorer 3 及更高版本中,通过 在<HR>中设置 COLOR 属性可以控制水平线的颜色。
它的语法格式为: <hi> 标题文字</hi>(I=1,2…6) [例3-4] 不同的标题文字 <html> <head> <title>例3-4</title> <body> <font size=7>这是7号字体</font> <font size=5>这是5号字体</font> <font size=3>这是3号字体</font> <font size=2>这是2号字体</font> </body> </html>
4、4、 主体标记
<body>标记是Web页面主体标记的开始,并对应结束符</body>.Web页面的主要内容都出现在 <body>和</body>标记之中。它的语法格式为:
<body> 主体内容 </body>
[例 3-2] HTML 语言的主体标记
<html> <head> <title>例3-2</title> </head> <body>
3、 段落标记和换行标记
在HTML中一般用<p>来标记段落,在HTML中,一般使用标记符的align属性来设置 段落的对齐方式它的语法格式为:
文本</p> 另处一个类似的标记元素是<br>,<br>这个标记用来标识一个换行动作。在 HTML文件中可以用它来调整行间距
字体标记符的 COLOR 属性可用来控制文字的颜色,使用方法与正文标记符<BODY> 中使用的 BGCOLOR 属性相同。face 属性
face 属性用来指定字体样式。在这个属性中用户可以指定一个或几个字体名称 [例3-5] 字体设置
<html> <head> <title>例3-5</title> </head> <body> <font size=7 color=red>这是7号字体</font> <font size=5 color=blue>这是5号字体</font> <font size=3 color=yellow>这是3号字体</font> <font size=2 color=red>这是2号字体</font> </body> </html>
标记之中。标题文字会显示在Web浏览器最上面的title(标题)栏上。浏览器用户可以把标 题加入收藏夹中,。标题文字最好使用中文并且有明确的意义。 它的语法格式为 <title> Web页面的标题 </title> 我们先看一个例子头部标记和标题标记使用的例子 [例 3-1] 头部标记和标题标记 <html> <head> <title>这是页面的标题</title> </head> </html>