网页设计_04_网页设计基础语言HTML西南交通大学
网页设计
杨柳
1
HTML概述
HTML的一般标记符
文本标记符
列表标记符
链接标记符
表格标记符
表单标记符
多媒体标记符
本章小结
第四章网页设计基础语言HTML
2
HTML概述
HTML(Hypertext Markup Language)是最基本的Web页面开发语言,称为文本文档标记语言。它不需要编译,由浏览器(如IE)解释执行。HTML是纯文本文件,可采用Windows中的记事本或写字板来编辑,也可以用DOS下的Edit等文本编辑器,。
HTML的主要语法是元素和标签。元素是符合文档类型定义的文档组成部分,如title(文档标题)、img(图像)、table(表格)等。元素名不区分大小写。标签用来规定元素的属性和它在文档中的位置。标签分单独出现和成对出现两种情况。
例如:<title>网页设计教程</title>
title是元素名,<title>与</title>之间的内容都属于元素title,<title>是标签,用来说明元素title。
3
第三章网页的基本语言HTML
到目前为止,一共有四个标准的版本:
(1) html iete的html工作组定义。这个版本定制了html核心特征的标准。
(2) html ,它添加了对许多新特性的支持,如表格、 Applet、文字对图片的环绕方式等,并提供对html 。
(3) html 一共有两个发行版本。第一个是w3c在1997年12月18日发布的建议书。第二个于1998年4月24日发由,主要修改了第一个发行版本中的一些限制。
(4) html w3c于1999年12月24日发布,,,,。
HTML概述
4
如左图所示的是显示在Windows“记事本”程序中的,用HTML编写的网页源代码。如右图所示的是经过浏览器“翻译”之后显示的对应该源代码的网页画面。
HTML编写的网页源代码
浏览器“翻译”之后显示的对应该源代码的网页画面
HTML概述
5
HTML的一般标记符
一个简单网页的制作
第一步:打开Windows下的记事本。
第二步:输入下面代码
<html>
<head>
<title> HTML网页设计教程</title>
</head>
<body> 你好! 欢迎浏览本网页!</body>
</html>
第三步:。
第四步:,浏览器会自动执行它。
6
<html>开始,以</html>结束,浏览器遇到<html>标志时,会按照HTML的标准来解释后面的文本,直到</html>才停止解释。<html>和</html>是成对出现的,所有的文本和命令都在它们之间。
2.<head>是网页的头部标记,通常紧跟<html>之后。<head>与</head>之间的文本是整个文件的序言,不属于HTML文件本体部分,不在浏览器屏幕中显示。
3.<title>用来说明文件标题,TITLE元素的格式为:<title>文件题目</title> ,一个好的题目应该使读者能从中判断出该文件的大概内容。浏览时文件题目将显示在IE浏览器标题栏上。<title>中不包含其他标记。
4.<body>和</body>之间是网页主体内容。在<body>标签中可以规定整个文档的一些基本属性,如:“bgcolor”属性,用于指定文档的背景颜色,“text”属性用于指定文档中文字的颜色。
,如<body>与</body>必须包含在<html>与</html>中间。
。
HTML的一般标记符
7
文本标记符—常用文本标记符
标签
作用
<br>
<br>是单独出现的,作用相当于插入回车符。如果没有换行标签,Web浏览器窗口将根据浏览器窗口的宽度尽可能长的显示文本。
<Hi>
<Hi>标签是成对出现的,夹在<Hi>和</Hi>之间的文字是文档中的标题。标题文字都用黑体显示,上级标题总比下面各级标题更大些、更粗些。<Hi>标签共分六级,其中<H1>标签括起的文字是第一级标题,最大最粗,而<H6>标签括起的文字是最后一级标题,最小最细。
<hr>
<hr>标签是单独出现的,作用是换行并在该行下面画一条水平直线。它有三
网页设计 04 网页设计基础语言HTML 来自淘豆网m.daumloan.com转载请标明出处.
