HTML Hypertext Markup Language,中文也就是超文本链接标示语言。HTML(HyperTextMark-upLanguage)即超文本标记语言,是www的描述语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起,形成有机的整体,人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标,Internet就会马上转到与此图标相关的内容上去,而这些信息可能存放在网络的另一台电脑中。 HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。
另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。神奇吗?一点都不神奇,因为现在你看到的就是这种语言写的页面.哈哈.
也许你听说过许多可以编辑网页的软件,事实上,你不需要用任何专门的软件来建立HTML页面;你所需要的只是一个文字处理器(如McrosoftWord\记事本\写字板等等)以及HTML的工作常识。其实你很快就会发现,基础的HTML语言简直容易死了。
HTML只不过是组合成一个文本文件的一系列标签。它们很乐队的指挥,告诉乐手们哪里需要停顿,哪里需要激昂.
HTML标签通常是英文词汇的全称(如块引用:blockquote)或缩略语(如“p”代表Paragragh),但它们的与一般文本有区别,因为它们放在单书名号里。故Paragragh标签是<p>,块引用标签是<blockquote>。有些标签说明页面如何被格式化(例如,<p>开始一个新段落),其他则说明这些词如何显示(<b>使文字变粗)还有一些其他标签提供在页面上不显示的信息--例如标题。
关于标签,需要记住的是,它们是成双出现的。每当使用一个标签--如<blockquote>,则必须以另一个标签</blockquote>将它关闭。注意“blockquote”前的斜杠,那就是关闭标签与打开标签的区别。 但是也有一些标签例外。比如,<input>标签就不需要。
基本HTML页面以<html>标签开始,以</html>结束。在它们之间,整个页面有两部分--标题和正文。
标题词--夹在<head>和</head>标签之间--这个词语在打开页面时出现在屏幕底部最小化的窗口。正文则夹在<body>和</body>之间--即所有页面的内容所在。页面上显示的任何东西都包含在这两个标签之中。
那么让我们建立一个简单的范例吧,非常容易的。第一步,当然是要建立一个新的文本文件(记住,如果你在使用比较复杂的文字处理器,就应该用“纯文本”或“普通文本”来保存),将它命名为“xxxx.html”。(随便你起一个什么名字,但记住,要用英文)
然后你可以用浏览器将它打开,你会看见最简单的自己做的页面。
1.html的基本语法
1.1 html语言:
HTML是“HyperText Mark-up Language(超文本标记语言)”的缩写。表示网页信息的符号标记语言。
可以设置文本的格式,如标题,字号文本颜色,段落等。也可以创建列表,插入图像和媒体,建立表格,建立超链接,实现页面跳转。
1.2 html的标签和属性:
标签的语法格式:所有标签都是由一对尖括号和标签名构成,并分为开始标签和结束标签。属性用于控制内容如何显示。
<标签名称 属性=“属性值” 属性=“属性值” ......>...</标签名称>
1
1
1.3 文档注释:
<!--要注释的内容-->
1
1
1.4代码格式:
空格键和回车键在网页中不起任何作用,只是为了让代码清晰可读,缩进时以tab进行缩进。
2.html的基本结构
2.1 基本结构:
整个html文件可以分为两层,一层是外层,由<html>和</html>标签对来标识;另外一层是内层,用于实现html文件的具体功能。根据实现功能的不同,又可以将内层细分为两个区域,即头部区域和主体区域。<head></head>标签和<body></body>标签。
它的基本结构如下:
在这里插入图片描述
2.2 页面的头部标签:
页面的头部标签是指由<head></head>标签所包含的部分,主要用于设置当前网页的页面标题,字符集,关键字,描述信息等内容,一般头部的内容都不会在网页上直接显示。
常用的头部标签:<title>,<meta>
<title>标题内容</title>,显示在浏览器窗口的左上边。
在这里插入图片描述
2.3 页面的主体标签:
<body>标签封装了页面的主体内容,使用<body>标签,还可以设置页面背景,页面文字颜色,页边距等页面属性。
2.3.1 设置网页正文颜色和背景颜色:
基本语法:<body bgcolor="颜色值" text="颜色值">
![在这里插入图片描述](20181106141859117.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4Njg0NTA0,size_16,color_FFFFFF,t_70结果:
2.3.2 添加网页背景图片:
基本语法:<body background="背景图片的URL" >
2.3.3 设置网页链接文字颜色:
基本语法:<body link="颜色值" vlink="颜色值" alink="颜色值">
在这里插入图片描述
2.3.4 设置网页边距:
基本语法:
<body leftmargin="边距值" rightmargin
他的开始标签就是<html></HTML>。
这个标签包含了网页里面的所有内容。
浏览器能够自动识别其中的内容,进行显示。
Copyright © 广州京杭网络科技有限公司 2005-2025 版权所有 粤ICP备16019765号
广州京杭网络科技有限公司 版权所有