html基础知识.docx
《html基础知识.docx》由会员分享,可在线阅读,更多相关《html基础知识.docx(13页珍藏版)》请在冰豆网上搜索。
![html基础知识.docx](https://file1.bdocx.com/fileroot1/2023-4/16/b273a1c4-a580-48c0-a639-f4e4ec72fe9d/b273a1c4-a580-48c0-a639-f4e4ec72fe9d1.gif)
html基础知识
1.4.1HTML概念
当畅游Internet时,通过浏览器所看到的网站是由HTML语言所构成的。
HTML是一种建立网页文件的语言,通过标记式的指令(Tag),将影像、声音、图片、文字等连接显示出来。
这种标记性语言是因特网上网页的主要语言。
HTML网页文件可以使用记事本、写字板或Dreamweaver等编辑工具来编写,以.htm或.html为文件后缀名保存。
将HTML网页文件用浏览器打开显示,若测试没有问题则可以放到服务器(Server)上,对外发布信息。
1.4.2HTML基本语法
HTML标记是由“<”和“>”所括住的指令标记,用于向浏览器发送标记指令。
主要分为:
单标记指令、双标记指令(由“<起始标记>”+内容+“结束标记>”构成)。
aaaaa
HTML语言使用标志对的方法编写文件,既简单又方便。
它通常使用“<标志名>内容标志名>”来表示标志的开始和结束,因此在HTML文档中这样的标志对都必须是成对使用的。
为了便于理解,将HTML标记语言大致分为基本标记、格式标记、文本标记、图像标记、表格标记、链接标记、表单标记等。
1.4.3基本标记
基本标记是用来定义页面属性的一些标记语言。
通常一份HTML网页文件包含3个部分:
标头区
……、内容区……和网页区……。
1.……
标志用于HTML文档的最前边,用来标识HTML文档的开始。
而标志恰恰相反,它放在HTML文档的最后边,用来标识HTML文档的结束,两个标志必须一块使用。
2.
……
和构成HTML文档的开头部分,在此标志对之间可以使用
、等标志对。
这些标志对都是用来描述HTML文档相关信息的,
和标志对之间的内容是不会在浏览器的框内显示出来的,两个标志必须一块使用。
3.
……
和是HTML文档的主体部分,在此标志对之间可包含
……
、
……
、
、
等众多的标志。
它们所定义的文本、图像等将会在浏览器的框内显示出来。
标志主要属性如表1-1所示。
表1-1
标志主要属性
属性
用途
范例
设置背景颜色
红色背景
设置文本颜色
蓝色文本
设置链接颜色
链接为蓝色
设置已使用的链接的颜色
链接为红色
设置鼠标指向的链接的颜色
黄色
以上各个属性可以结合使用,如。
引号内的rrggbb是用6个十六进制数表示的RGB(即红、绿、蓝3色的组合)颜色,如#ff0000对应的是红色。
4.
……使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息,那些信息一般是网页的主题。
要将网页的主题显示到浏览器的顶部其实很简单,只要在
标志对之间加入需要显示的文本即可。
下面是一个简单的网页实例。
通过该实例,读者便可以了解以上各个标志对在一个HTML文档中的布局或所使用的位置。
显示在浏览器窗口最顶端中的文本
红色背景、蓝色文本
注意:
标志对只能放在标志对之间。
1.4.4格式标记
这里所介绍的格式标记都是用于
标志对之间的。
1.
……
标志对是用来创建一个段落,
在此标志对之间加入的文本将按照段落的格式显示在浏览器上。
标志还可以使用align属性,它用来说明对齐方式,语法如下所示。
Align的参数可以是Left(左对齐)、Center(居中)和Right(右对齐)3个值中的任何一个。
例如
表示标志对中的文本使用居中的对齐方式。
2.
是一个很简单的单标记指令,它没有结束标志,因为它用来创建一个回车换行,即标记文本换行。
注意:
如果把
加在标志对的外边,将创建一个大的回车换行,即
前边和后边的文本的行与行之间的距离比较大。
若放在的里边则
前边和后边的文本的行与行之间的距离将比较小。
3.
……
标志对之间加入的文本将会在浏览器中按两边缩进的方式显示出来。
4.
……
、
……、
……
用来创建一个普通的列表;
用来创建列表中的上层
项目;
用来创建列表中最下层项目,
和
必须放在
标志对之间。
通过下面的实例,读者可以更好地理解这几个相近的标记。
一个普通列表
- 中国城市
- 北京
- 上海
- 广州
- 美国城市
- 华盛顿
- 芝加哥
- 纽约
该实例在网页中的效果,如图1-29所示。
5.
……
、
、
……
标志对用来创建一个标有数字的列表。
标志对用来创建一个标有圆点的列表。
标志对只能在
或
标志对之间使用,此标志对用来创建一个列表项,若
放在
之间,则每个列表项加上一个数字;若放在
之间,则每个列表项加上一个圆点。
示例如下所示:
图1-29格式标记执行效果图
中国城市
- 北京
- 上海
- 广州