01-part2-HTML基础.ppt第一章 Web网站架构与 HTML基础
王张宜 ******@whu.
武汉大学计算机学院
内容提要
Web的特点和结构
Web服务器的配置
创建虚拟目录
HTML基础
2018/2/21
网页设计与制作
2
内容回顾
:
:URL(统一资源定位符,即网址)。
:HTTP (超文本传输协议)。
:HTML(超文本标记语言)。
“客户机/服务器”结构。
2018/2/21
网页设计与制作
3
HTML基础
一、 HTML的概念
?
超文本标记语言(HTML——HyperText Markup Language)是用于设计网页源文件(网页文档)的语言。每一个页面的代码保存为一个网页源文件(.htm文件) 。
八十年代初,HTML由万维网联盟(W3C:World Wide Web Consortium)制订。
HTML包括一些定义页面内容和格式的符号,称为标记。它能够将文本、图像、声音和动画结合在一个网页文档中。这些文档可以通过Web浏览器显示,还可以通过超链接以访问其它的信息资源。
后来,进一步推出了XML(扩展标记语言),该语言可以由程序员自己定义标记。
2018/2/21
网页设计与制作
4
HTML基础
?
标记是网页文档中的一些有特定意义的符号。这些符号指明如何显示文档中的内容。
标记总是放在三角括号中,大多数标记都成对出现(有开始标记和结束标记)。结束标记和开始标记所用的字符相同,只是前面加一个斜杠。例如:<p>…</p> 用于标记一个自然段。
标记可以具有相应属性即各种参数,如size、color、 text、 width和noshade等。例如:<p><font size="+1" color="red"></font></p>
2018/2/21
网页设计与制作
5
HTML基础
标记通常可以分成两种:
第一种用来指定网页上的元素或元素的样式。
例如, 指定一个自然段及其字体和颜色:
<p><font size="+1" color="red"></font>
自然段内容。
</p>
第二种用来指向其它的资源。
例如,指定一个链接地址:
<a href=“”>武汉大学</a>
指定一个图片文件:
<img src=“图片文件名”>
2018/2/21
网页设计与制作
6
HTML基础
、超媒体和超链接?
超文本是网页上具有链接功能的文字。
例如,娱乐新闻电影。
超媒体是网页上具有链接功能的多媒体。
超链接是网页上连接其它网页或网页上指定位置的超文本和超媒体。
超链接分为文字和图像(包括动画)两种,网页中的一段文字、一副图像或图像的某一个部分等都可以定义为超链接。
2018/2/21
网页设计与制作
7
HTML基础
二、如何编写和浏览HTML网页文档
启动IE,然后使用“查看”菜单中的“源文件”菜单项,进入记事本,就可以输入网页源文件了。在输入完之后,另存为***.htm文件。
或者直接进入记事本,输入网页源文件。在输入完之后,另存为***.htm文件(选择保存类型为“所有文件”)。
在浏览器中输入该文件名,就能浏览HTML源文件的网页效果。
2018/2/21
网页设计与制作
8
HTML基础
例如:
<HTML>
<HEAD>
<TITLE>学生选课系统</TITLE>
</HEAD>
<BODY>网页制作练****lt;/BODY>
</HTML>
演示
2018/2/21
网页设计与制作
9
HTML基础
三、HTML的常用标记
1. HTML文档的结构标记
用来指明一个HTML文档的基本结构。
(1)文件标记:<HTML>…</HTML>
整个HTML文档内容均在<HTML>…</HTML>标记之中。
(2)头部标记: <HEAD>…</HEAD>
整个HTML文档分头部和主体部分。头部使用<HEAD>…</HEAD>标记标识,凡是在此标记之内的内容,例如标题等,均属于头部信息。头部信息不显示在Web页中。
2018/2/21
网页设计与制作
10
01-part2-HTML基础 来自淘豆网www.taodocs.com转载请标明出处.