XHTML简介(2)

图片热点(图像地图)

<img src=“images/01.jpg” usemap=“#Map” />

图像地图的标记<map>

<map>

<area shape=“热点的形状” coords=“热点在图片上的坐标” href=“URL” alt=“提示信息” />

</map>

<map>标记的属性

Name:指定热点地图的名称;

Id:指定热点地图的名称;

<area>标记的属性

Shape:热点的形状,取值:rect(矩形)、circle(圆形)、polygon(多边形)

Coords:热点形状的坐标,根据热点形状来确定坐标值。

Rect(矩形):coords=“x1,y1,x2,y2”,左上角和右下角坐标

Circle(圆形):coords=“x,y,r”,圆心坐标和半径

Polygon(多边形):coords=“x1,y1,x2,y2,x3,y3,xN,yN”

 

举例:给图片加热点

<img src=“images/01.jpg” usemap=“#Map” />

<map id=“Map” name=“Map”>

<area shape=“rect” coords=“50,50,100,100” href=“http://www.sina.com” />

</map>

 

多媒体标记(插入Flash的标记)

多媒体包含:声音、视频、Flash

网页上的多媒体基本上都是Flash格式的,

视频格式.wmv   .dat   .mob   .rmvb等,在网页上不能直接播放,需要安装第三方的插件,才可以播放。

不同的浏览器,播客上述视频格式,所使用插件参数又不一样。

上述格式视频一般文件较大,不利于网络下载播放。

一般情况下,是将其它的视频格式,转成Flash来在网页上播放。转换软件:格式工厂

Flash格式的视频兼容性非常好,Flash格式的文件很小。

 

 

1、多媒体标记<embed>

主要应用Netscape浏览器,它不是W3C规范。

<embed src=”images/banner.swf” width=”778″ height=”202″ quality=”high” pluginspage=”http://www.macromedia.com/go/getflashplayer” type=”application/x-shockwave-flash” wmode=”transparent”></embed>

 

<embed>的主要属性

Src:Flash的文件地址

Width:指Flash文件的宽度

Height:指Flash文件的高度

Quality:指Flash的播放质量,质量有高有低 hight low

Pluginspage:如果指定的Flash插件不存在,则从pluginspage指定的地方进行下载。

Type:指定Flash的文件格式类型

Wmode:指Flash的背景是否可以透明,取值:transparent是透明的

 

 

2、多媒体标记<object>

主要应用IE浏览器,它是W3C规范。

<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0″ width=”778″ height=”202″>

<param name=”movie” value=”images/banner.swf”>

<param name=”quality” value=”high”>

<param name=”wmode” value=”transparent”>

</object>

<object>的主要属性

Classid:指定Flash插件的ID号,一般存在于注册表中;

Codebase:如果Flash插件不存在,则从codebase指定的地址下载;

<param>的主要作用,是设置具体的详细参数

 

  • 在网页中插入Flash时,要同时兼容多种浏览器,需要将这两种标记一起使用,但使用的顺序是,<object>中嵌套<embed>标记。

<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0″ width=”778″ height=”202″>

<param name=”movie” value=”images/banner.swf”>

<param name=”quality” value=”high”>

<param name=”wmode” value=”transparent”>

<embed src=”images/banner.swf” width=”778″ height=”202″ quality=”high” pluginspage=”http://www.macromedia.com/go/getflashplayer” type=”application/x-shockwave-flash” wmode=”transparent”></embed>

</object>

 

W3C:是万维网联盟,主要制定Web标准的国际权威机构。XHTML、CSS、JavaScript、 DOM、AJAX等。

XHTML简介(1)

XHTML

(1)XHTML介绍

XHTML,Extensible Hypertext Markup Language,可扩展超文本标注语言。

XHTML的主要目的,是为了取代HTML,也可以理解为HTML的升级版。

HTML的标记书写很不规范,会造成其它的设备(ipad、手机、电视等)无法正常显示。

XHTML与HTML4.0的标记基本上一样。

XHTML是严格的、纯净的HTML。

 

 

(2)编写XHTML的规范

1)所有标记元素都要正确的嵌套,不能交叉嵌套。<h1><font></font></h1>

2)所有的标记都必须小写。

3)所有的标记都必须关闭。

双边标记:<span></span>

单边标记:<br> 转成 <br />   <hr> 转成 <hr />   <img src=“URL” />

4)所有的属性值必须加引号。<font color=“red”></font>

5)所有的属性必须有值。<hr noshade=“noshade”>

<input type=“radio” checked=“checked” />

6)XHTML文档开头必须要有DTD文档类型定义

 

DTD文档类型定义

DTD,Document Type Definition文档类型定义,是一套标记的规则,理解为一种“验证机制”。

DTD有三种类型:

第一种:Strict严格型:在这种XHTML中,结构中不能出现格式或表现的内容。

格式标记:<font>、<b>、color属性、background属性

这种类型下,在<body>中只有结构标记,不能出现任何的表现。

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

 

第二种:Transitional过渡型:在这种XHTML中,结构中可以出现格式标记或表现(CSS)的内容。(用的最多)

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

 

第三种:Frameset框架型:在这种XHTML中,可以使用框架技术,实现多个网页在一个浏览器窗口中呈现

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”>

 

<meta>

(1)<meta>标记的概念

<meta>标记提供一些元信息,比如:关键字、描述信息、作者、网页刷新、网页过期期限、网页字符集等

(2)<meta>的两个属性

http-equiv:相当于http的文件头信息,告诉浏览器如何正确的显示网页的内容。

name:描述信息,指定网页关键字、网页描述、作者、版权信息

(3)常用的<meta>设置

设置网页的字符集:<meta http-equiv=“content-type” content=“text/html;charset=utf-8” />

网页自动刷新:<meta http-equiv=“refresh”content=“3” /> 3秒自动刷新网页

延迟一定时间后跳转:<meta http-equiv=“refresh” content=“3;url=http://www.sina.com.cn” />

设置网页的关键字:<meta name=“keywords” content=“网站建设,广州网站,网站开发” />

网页描述:<meta name=“description” content=“描述信息” />

网站作者:<meta name=“author” content=“广州传智” />

……

 

表格标记

 
     
   

 

1、表格的结构

<table>

<tr>

<td></td>

<td></td>

</tr>

<tr>

<td></td>

<td></td>

</tr>

</table>

表格结构的说明:

<table>是表格标记,里面包含<tr>行标记;

<tr>代表一个行

<td>或<th>代表一个单元格(列),<th>标题单元格(内容居中加粗显示),<td>普通单元格

 

2、<table>的常用属性

Width:表格的宽度

Height:表格的高度

Border:表格的边线粗细

Bordercolor:表格的边线颜色

Align:表格的水平对齐方式,取值:left center right

Cellpadding:指单元格边线到内容间的距离(内边距)

Cellspacing:指两个单元格之间的距离(外边距)

bgColor:表格背景色

background:表格的背景图片

       注意:在HTML中所有的属性值都不加px单位,但在CSS中所有数值都必须加单位。

 

3、<tr>的常用属性

Height:一行的高度

bgColor:行的背景色

align:一行的内容水平居中显示,取值:left、center、right

valign:行的内容垂直居中,取值:top、middle、bottom

 

4、<td>或<th>的属性

Width:单元格的宽度

Height:单元格的高度

bgColor:背景色

background:背景图片

align:单元格内容水平对齐

valign:单元格内容垂直对齐

rowspan:合并行的单元格(跨行合并)

colspan:合并列的单元格(跨列合并)

Body的常用属性(2)

定义列表

定义列表的格式:

<dl>

<dt>定义标题</dt>

<dd>描述信息</dd>

</dl>

标记的解释说明:

dl,define List

dt,define title

dd,define description

<dl>标记中,至少包含一个<dt>或<dd>标记,也可以包含多个<dt>或<dd>。

<dt>定义标题,这个标记是必须的;

<dd>描述信息,可以根据情况使用,如果不需要它,可以不用加。

 

<div>和<span>

<div></div>和<span></span>标记,没有任何意义,但在网页中,又是使用最多的标记。

这两个标记,基本上没有太多的属性。

<div>和<span>这两个标记,一般要结合CSS来实现效果,或者说,DIV+CSS来实现各种样式。

 

 

块元素和行内元素(详细在CSS中再讲)

块元素(标记):是块元素的前后,会自动插入一个换行符。块元素会另起一行进行排版。

比如:<div>、<p>、<ul><ol><dl>、<pre>、<h1>、<h2>等

行内元素(标记):行内元素的高度和宽度由内容决定。多个行内元素将排在同一行,不会另起一行进行排版。

比如:<font><b><i><u><a><span>等

 

 

网页颜色表示

英文单词表示:red、green、blue、yellow等。

10进制表示:

有10基本数:0、1、2、3、4、5、6、7、8、9

红色:rgb(255,0,0)

绿色:rgb(0,255,0)

蓝色:rgb(0,0,255)

16进制表示:

有16个基本数:0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F

红色:#FF0000

绿色:#00FF00

蓝色:#0000FF

 

RGB色彩模式(理解)

自然界中所有的颜色,都可以通过红、绿、蓝三种光的不同波长,来混合而成。共可以混合约1670万种颜色。

RGB色彩模式也叫加色模块,任何两种色加在一起,可以产生第三种颜色。

红+绿=黄

红+蓝=紫色

绿+蓝=青色

在计算机中,每一种基本色用0-255之间的亮度值来表示。

黑色:RGB(0,0,0)         #000000

白色:RGB(255,255,255)   #FFFFFF

每一种基本色,都是用1个字节(8位二进制,10101010)来表示(2^8=256)。256*256*256=1670万色

<font color=“#ff0000”></font>

<font color=“rgb(255,0,0)”></font>

<font color=“red”></font>

注意:10进制在HTML中存在兼容性问题,一般用于CSS16进制在HTMLCSS中都可以正常显示

 

 

滚动字幕标记

<marquee></marquee>

常用属性:

Direction:滚动的方向,取值:left、 right、up、 down

Behavior:滚动的方式,取值:alternate(弹动)、scroll(滚动)、slide(滚动一次)

bgColor:背景颜色

width:滚动的宽度

height:滚动的高度

align:水平对齐方向,取值:left   center right

scrollAmount:滚动的步长值,值越大,滚动的越快。

scrollDelay:两次滚动间的停留时间

 

<marquee direction=”up” width=”450″ height=”300″ bgcolor=”#FFFF99″ behavior=”scroll” scrollamount=”10″ scrolldelay=”1000″></marquee>

 

 

 

计算机进制(了解一下)

10进制:基本数0、1、2、3、4、5、6、7、8、9 运算规则:逢十进一

2进制:基本数0、1   运算规则:逢二进一   例如:11 加1后 100

8进制:基本数0、1、2、3、4、5、6、7,运算规则:逢八进一

八进制的基数R=2^3=8,也就是说:一位8进制可以用3位二进制来进行表示。

16进制:基本数0、1、2、3、4、5、6、7、8、9、A、B、C、D、E F,运算规则:逢16进一

16进制的基数R=2^4=16,也就是说,一位16进制可以用4位二进制来进行表示。

10进制 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
8进制 1 2 3 4 5 6 7 10 11 12 13 14 15 16 17 20 21 22 23
16进制 1 2 3 4 5 6 7 8 9 A B C D E F 10 11 12 13
2进制 1 10 11 100 101 110 111 1000 1001 1010 1011 1100 1101 1110 1111

 

 

计算机编码介绍(字符集)

(1)什么是计算机编码

计算机只能处理二进制的数据,其它数据,比如:0-9、a-z、A-Z,这些字符,我们定义一套规则来表示。假如:A用110表示,B用111表示等。

(2)常用的字符编码

ASCII码:美国发布的,用1个字节(8位二进制)来表示一个字符,共可以表示2^8=256个字符。

美国的国家语言是英语,只要能表示0-9、a-z、A-Z、特殊符号。

 

ANSI编码:每个国家为了显示本国的语言,都对ASCII码进行了扩展。用2个字节(16位二进制)来表示一个汉字,共可以表示2^16=65536个汉字。

中国的ANSI编码是GB2312编码(常用汉字的编码) 对6763汉字进行编码,600多特殊字符。

日本的ANSI编码是JIS编码;

台湾的ANSI编码是BIG5编码;

……

GBK对GB2312进行了扩展,用来显示罕见的、古汉语的汉字。现在已经收录了2.1万左右。并提供了1890个汉字码位。K的含义就是“扩展”。

 

Unicode编码(统一编码):用4个字节(32位二进制)来表示一个字符,想法不错,但效率太低。例如,字母A用ASCII表示的话一个字节就够,可用Unicode编码的话,得用4个字节表示,造成了空间的极大浪费。

A 用0000 0000 0000 0000 0000 0000 0100 0000表示

UTF-8(Unicode Transform Format):根据字符的不同,选择期编码的长度。比如:字符A用1个字节要以,一个汉字用2个字节表示。

 

超级链接

1、概念:要想从一个网页跳转到另一个网页,就需要使用“超级链接”来实现。

2、超级链接的标记<a></a>,双边标记,是行内元素

常用属性:

Href:目标URL,如:href=http://www.sina.com.cn   href=“about/index.html”

Name:主要用于设置一个锚点的名称。

Target:设置目标页面打开方式。

_blank:在新窗口中来打开目标文件,原来的窗口不关闭

_self:在当前窗口中来打开目标文件,原来窗口中的内容将被替换掉。

_top:在最顶层窗口中来打开目标文件,常用于“框架技术”中

_parent:在父级窗口中来打开目标文件,常用于“框架技术”中

例如:<a href=“http://www.sina.com.cn”></a>

3URL介绍

URL(Uniform Resource Locator,统一资源定位器)

例如:http://php.itcast.cn/about/20140706/230.html

一个URL(网址)由四个部分构成:

第一部分:协议,比如:http://   ftp://

如何判断是什么服务器?主要是看安装了什么样的服务器软件?Apache软件是WWW服务器

如果安装了FTP的软件的服务器,FTP服务器;

如果安装了邮箱服务器的软件,那就是“邮件服务器”;

如果安装了MySQL软件的服务器,那就是“数据库服务器”;

第二个部分:主机名,比如:php.itcast.cn就是一个主机的二级域名(一级域名是以WWW开头的)。

第三部分:目录名,比如:about/20140706/

第四部分:文件名,比如:230.html

4、绝对URL和相对URL地址

绝对URL地址:一般是以主机名或IP地址开始的一个路径。比如:

       http://www.sina.com.cn/index.html

提示:绝对URL的访问,总是从一个固定的起点开始,它们是访问的目标文件不相同,简单说:起点是固定的,目标是可变的。

 

       相对URL地址:一般是用于链接本网站中的各个文件的路径。

在写相对URL地址时,要确定两个条件吧:

  • 你是谁?当前文件是谁,在哪里?
  • 目标文件是谁?目标文件在哪里?
  • 当前文件和目标文件是什么关系?
    1. 平级关系的路径,直接目标文件名即可
    2. 目标文件在下一级,先写同级的文件名称,再加一个斜线,后跟目标文件名。images/01.gif
    3. 目标文件在上一级,往上一级先写“./”
      1. ../ 代表 上一级文件夹
      2. ../../ 代表 上二级文件夹 如:../day1/images/01.png

 

 

5、其它常用的链接

E-mail链接:<a href=”mailto:976296751@qq.com”>给我发邮件</a>

下载链接:任何网页不能直接执行的文件,都会出现下载对话框。

网页可以直接执行的文件:.html .jpg .png .gif .htm

空链接:<a href=”#”>课外100网论坛</a>

JS空链接:<a href=”javascript:void(0)”>JS的空链接</a>

提示:在HTML中写JS程序时,一般是以“javascript:”开头,void(0)返回一个假值,什么也不做

JS的弹出一个警告窗口:<a href=”javascript:alert(‘别烦我!’)”>请点我!</a>

提示:alert()是JS的Window对象的一个方法,弹出一个字符串信息。

 

6、锚点链接:实现在一个网页的不同部分进行跳转

第一步:先定义一个锚点(记号)

<a name=“top”></a> 中间一般不写内容

第二步:链接到定义的锚点所在的位置

<a href=“#top”>返回顶部</a>

地址栏中的地址显示:http://www.sina.com.cn/about/index.html#top

HTML的注释:是对某个模块的解释说明,最终在网页中是看不见的。

<!—注释的内容–>

 

图片标记

单边标记:<img>

常用的属性

Src:指图片的路径,如:src=“images/bg.gif”

Width:指图片的宽度,不加单位。Width=400

Height:指图片的高度。

Align:指图片的水平对齐方式,取值:left   center   right

Border:图片的边框线的粗细

Alt:如果图片不显示时,将显示alt指定的内容

Hspace:指图片左右的边距

Vspace:指图片上下的边距

Title:指定图片的提示信息,有利于SEO优化(关键字优化)

说明:title是一个公共的属性,任何标记都有title属性。

注意事项:

  • 如果要想保证图片等比例缩放,请只设置width和height其中一个。
  • 如果想实现图文混排的效果,请使用align属性,取值为left或right。

 

问答题:一个网页上有100张图片,每张图片1MB,请问网页的大小是多少?

所有的外部文件,图片、视频、音乐、附件等,都没有真正的插入到网页中,而是写入一个链接的地址,在需要显示文件时,就从服务器上调用该文件。因此,网页的大小,是由文本和标记决定的。

 

超级链接、锚点

<a>标记属性:

Href:链接目标文件的URL,绝对URL和相对的URL

绝对URL:远程的绝对URL地址,一般都是以http://www.sina.com.cn主机开始

如:http://www.sina.com.cn/about/index.html

本地的绝对URL地址,一般都是file:///开头的一个路径

如:file:///E:/itcast/20140706/lesson/day3/test.html

相对URL:要确定三个条件

当前文件是谁,它在哪里?

目标文件是谁,它在哪里?

当前文件和目标文件的关系:平级关系、下级关系(目标)、上级关系(目标)

Name:设置一个锚点的名称,锚点就是一个“记号”

Target:目标文件的打开方式,取值:_blank(空白)、_self、 _top、_parent

举例:

<a href=“http://www.sina.com.cn”>新浪网</a>

<a href=“images/word.exe”>下载Word软件</a>   .html   .htm   .jpg   .png   .gif   .css   .js

<a href=“mailto:beijing2000@126.com”>给我发邮件</a>

<a href=“#”>论坛中心</a>

<a href=“javascript:void(0)”>论坛中心</a>

<a href=“javascript:alert(‘大家好’)”>弹出一个警告窗口</a>

 

锚点:通过锚点(记号),可以访问到一个网页的不同地方。

定义锚点:<a name=“top” id=“top”></a>

说明:name属性是HTML4.0以前使用的,id属性是HTML4.0后才开始使用。为了向前兼容,因此,name和id这两个属性都要写上,并且值是一样的。

链接到锚点:<a href=“news/news.html#top”>锚点链接</a>

Body的常用属性(1)

<body>的常用属性

Text:指网页的前景颜色,就是指网页中的文本颜色;

bgColor:网页的背景颜色

background:网页背景图片路径。background=”images/bg.gif”

例如:<body bgcolor=”#999999″ background=”bg01.jpg”>

 

排版标记

1、水平线:<hr size=“线的粗细” width=“线的宽度” align=“水平对齐方式” noshade>

常用的属性:

Size:指定水平线的粗细,单位默认是像素,例如:size=5

Width:指定水平线的宽度,取值:固定值、百分比。例如:width=500 width=50%

Align:水平线的水平对齐方式,取值:left、center、right

Noshade:不加阴影,也就是纯色显示,该属性比较特殊,没有属性值。

提示:HTML中的标记及属性,不区分大小写。

例如:<hr size=“5” width=“50%” align=“center” noshade>

2、段落标记:<p></p>

Align:水平对齐,取值:left、center、right

提示:在段落的前后,会自动插入一个空行。

 

3、标题标记

一级标题:<h1 align=“left|center|right”></h1>

二级标题:<h2></h2>

三级标题:<h3></h3>

四级标题:<h4></h4>

五级标题:<h5></h5>

六级标题:<h6></h6>

4、预排版标记<pre></pre>

含义:将保留其中的所有的空白字符(空格、换行符)。原封不动的输出结果。

说明:真正排网页过程中,<pre>标记几乎用不着。但在PHP中用于打印一个数组时使用。

 

HTML字符实体

空格:&nbsp;

>:&gt;

<:&lt;

&:&amp;

人民币:&yen;

版权:&copy;

乘号:&times;

除号:&divide;

项目符号(无序列表)标记

标记结构:

<ul>

<li>内容</li>

<li>内容</li>

……

</ul>

常用属性:

Type:指定项目符号的类型,取值:disc(实心圆点)、circle(小圆圈)、square(方块)

提示:这个type属性,既可能给<ul>添加,也可以给<li>添加。

注意:项目符号可以是图片,但是通过CSS设置<li>标记的背景图片来实现。(CSS中讲)

 

项目符号之间相互嵌套

<ul>

<li><b>北京市</b>

<ul>

<li>海淀区</li>

<li>朝阳区</li>

<li>东城区</li>

</ul>

</li>

<li><b>广州市</b>

<ul>

<li>天河区</li>

<li>越秀区</li>

</ul>

</li>

<li>天津市</li>

</ul>

说明:项目符号嵌套,是在某一个<li>标记中来嵌套一个完整的<ul>标记。

 

编号列表(有序列表)标记

<ol>

<li>内容</li>

<li>内容</li>

……

</ol>

常用的属性:

Type:编号的类型,取值:1、a、A、I(大罗马)、i(小罗马)

Start:从第几开始编号,取值只能是数字。

<h2>编号列表的应用</h2>

<ol>

<li>HTML</li>

<li>CSS</li>

<li type=”a” start=”3″>JavaScript</li>

<li>PHP+MySQL</li>

</ol>

 

编号列表相互嵌套:跟上面<ul>的嵌套一样,也都是在<li>标记中,来嵌套一个完整的<ol>

 

HTML标记的语法

HTML标记的语法

双边标记:<标记名称 属性1=“属性值1” 属性2=“属性值2”></标记名称>

一个人可以看成一个对象,人对象有身高、体重、年龄、学历等特征

例如:<张三 height=”180” weight=”200” age=”200” edu=”研究生”>

例如:<font size=”7” color=”red” face=“黑体”>李四</font>

 

 

单边标记:<标记名称 属性1=“属性值1” 属性2=“属性值2”>

说明:单边标记起一个特殊的作用,比如:换行标记、水平线等

例如:<hr> 水平线标记   <br>换行标记

 

字体修饰标记

加粗:<b>内容</b>

斜体:<i>内容</i>

下划线:<u>内容</u>

下标:<sub></sub>

上标:<sup></sup>

字体颜色、大小:<font size=“字号大小,取值1-7” color=“颜色单词”>内容</font>

例如:<font size=”6” color=”blue”>大家好</font>

 

解决网页乱码的问题:要保证各个环节的字符编码一致

(1)编辑器的编辑环境的字符集(默认字符集):Ctrl+U

常用的编码 GB2312(简体)、GBK(简体)、BIG5(繁体)、UTF-8(多国语言编码)

(2)<meta>标记的字符集设定与编辑环境的字符集一致

字符集设置:<meta http-equiv=“content-type” content=“text/html;charset=utf-8”>

(3)PHP的字符集设置

(4)MySQL的字符集设置

注意:不需要考滤浏览器的字符集。

 

任何软件的默认字符编码都是ANSI编码,ANSI在中国,对应的具体的编码是GBK或GB2312。

 

HTML简介

HTML简介

静态网页的扩展名:.html和.htm

动态网页的扩展名:.asp、.jsp、.aspx、.php(含有PHP代码和MySQL代码)等

浏览器不能直接识别PHP和MySQL的代码。只能由服务器端的服务器软件Apache来进行解释成HTML代码返回。

 

1)HTML的概念

HTML(Hypertext Markup Language,超文本标注语言) ,(这是曾经的一道笔记题)

HTML就是一个标准,是一套标记。比如:加粗:<b>广州传智</b>

2)一个HTML文件的结构标记

<html>

<head>

<title>凤凰网首页</title>

</head>

<body>

99%的内容都放在这里

</body>

</html>

 

<html></html>是网页中最大的一对标记,告诉浏览器如何给我翻译这个文件的内容。<html>中包含两大标记<head>和<body>。

<head></head>中的内容不可见,一般用于特殊功能。

<body></body>是网页的主体内容。这里的内容都是用户可见的。

<title></title>是网页标题,只能填写纯文本。

<meta>标记是<head>的子标记,告诉浏览器网页用什么字符编码来显示。比如:gb2312(简体中文)、utf-8(多国语言)

注意:如果这个<meta>标记,设置的不合格,会造成乱码的问题。(详细的meta明天再讲)