文档介绍：HTML基础知识
HTML(Hyper text Markup Language)超文本标记语言
一种描述文档结构的标记语言,它使用一些约定的标记对W上的信息时,浏览器会自动解释这些标记的含义,并按照一定的格式在屏幕上显示这些被标记的文件。任何可以运行浏览器的计算机都能阅读并显示HTML文件,不管其操作系统是什么,显示结果相同。
。
标记:组成HTML的“命令”。在HTML中,标记用符号“<”和“>”括起来。
作用:标注各种元素的输出格式。
2018/7/16
1
一个HTML文件的例子
<HTML>
<HEAD>
<TITLE>西北工业大学</TITLE>
</HEAD>
<BODY bgcolor= yellow>
<P>我的第一个主页</P>
</BODY>
</HTML>
演示
2018/7/16
2
HTML标记分类:(1)单边;(2)双边。
单边标记:单边标记元素为开放式标记,不需要用结束标记来包含文本。如<BR>表示回车换行。
双边标记:双边标记元素提供了开始和结束,将文本包含在其中,故也称为容器(container)。如<HTML>与</HTML>、<HEAD>与</HEAD>等。
说明:
1. “<”和“>”之间是标记元素名及其参数。
标记元素往往都带有若干参数,用以表明元素的属性,
属性是对标记更详细的规定,并具有不同的取值。
2. 标记元素不区分大小写。
格式: <标记属性> 输出内容</结束标记>
2018/7/16
3
HTML语言结构
HTML文件的基本结构:
<html> HTML文件开始
<head> 文件头开始
头信息部分
</head> 文件头结束
<body> 文件体开始
正文部分
</body> 文件体结束
</html> HTML文件结束
说明:HTML文件由头信息和正文两部分组成,其中,用<>包围的是HTML语言标记,控制网页中各种元素的显示状态。
2018/7/16
4
HTML文档的头信息
举例:
<html>
<head>
<title>
这是一个头文件的例子
</title>
</head>
<body>
正文部分
</body>
</html> 演示
2018/7/16
5
说明:
1) 用<tit1e>和</tit1e>标记括起来的部分是网页的标题,其内
容被显示在浏览器窗口的标题条中。
2) 在头部分还可以定义类(class)及嵌入程序。
3) title的长度没有限制,但一般情况下它的长度不应超过64个
字符。
4) title标记只能出现在文件头中。
title标记格式: <title> 文件标题</title>
2018/7/16
6
页面排版
标题字体标记:< hn >
h1 〜h6表示6种大小标题字体。
举例:
<html> <head><title> 标题大小</title></head>
<body>
<h1> 这是一号标题</h1>
<h2> 这是二号标题</h2>
<h3> 这是三号标题</h3>
<h4> 这是四号标题</h4>
<h5> 这是五号标题</h5>
<h6> 这是六号标题</h6>
</body> </html> 演示
2018/7/16
7
hn标记的对齐属性:
格式: <hn align = # >
#: left——文本内容为左对齐
center—文本内容为中间对齐
right——文本内容为右对齐
举例:
<html> <head>
<title> 标题对齐属性</title>
</head>
<body>
<h2 align= left> 二号标题居左显示</h2>
<h3 align= center> 三号标题居中显示</h3>
<h4 align= right> 四号标题居右显示</h4>
</body>
</html> 演示
2018/7/16
8
字体的大小
格式: <font size = n > ··· </font>
从1~7共有7级字体。
字体的颜色
格式: <font color = # > ··· </font>
#在000000~FFFFFF(十六进制)之间,前两位代表红色(red),中间两位代表绿色(green),后两位代表蓝色(blue),每种色彩为256级颜色,通过配比不同的红、绿、蓝三种颜色的分量可以得出不同的颜色。常用颜色代码如表所示。
2018/7/16
9