您的位置:首页 > Web前端 > HTML

HTML网页简介

2012-11-28 00:00 239 查看
前言:如果你已经学过html了这篇文章就跳过了吧,这篇文章是为从来没有接触过网站的人准备的。

一、什么是HTML网页

HTML 是用来描述网页的一种语言。

HTML 指的是超文本标记语言 (Hyper Text Markup Language)

HTML 不是一种编程语言,而是一种标记语言 (markup language)

标记语言是一套标记标签 (markup tag)

HTML 使用标记标签来描述网页

二、HTML网页实例

1 <html>
2 <title>我是一个测试页面</title>
3 <body>
4 <div>
5 我是详细内容
6 </div>
7 </body>
8 </html>
这是个简单的html网页可以保存成testhtml.html放到上次配置的虚拟机根目录下我的虚拟机是d:/www/test然后打开www.test.com/testhtml.html

你将看到下面这个页面




htmltest

上面的代码中由尖括号包围的关键字称为标签比如<html>,<body>,html正是由这些标签组成,一般都是成对出现,比如<html></html>,<body></body>其中前面的称为开始标签,后面带/称为结束标签,在这个例子中网页从<html>开始到</html>结束,其中<title></title>表示的是网页的标题,显示在浏览器标签里,<body></body>之间的内容显示在浏览器正文部分,<div></div>是正文的一部分,可以看做是一个个小模块。

三、html元素

元素是指从开始标签到结束标签的所有代码。

元素语法是,从开始标签开始到结束标签位置,这之间的内容是称为元素内容,元素内容可以为空,空元素在开始标签中进行关闭比如<br />

大多数元素可以嵌套比如htmltest实例中html的元素嵌套了<title>,<body>其中<body>又嵌套了<div>但是不是所有元素都可以嵌套,以后将介绍嵌套规则

四、注意点

不要忘记结束标签,不写结束标签将会有不可预见的问题,比如<a href=”http://www.baidu.com”>aaa<a href=”http://google.com.hk”>bb可以将这段代码放到<body></body>里面你将看到




htmltest2

全篇都变成了链接但实际上你只是想aa链接到百度bb链接到google现在变成了aa链接到百度了但是后面的所有内容包括我是详细内容也链接到了google这显然不是你想要的

空标签写成<br />不要忘记/这是从长远考虑

标签使用小写,这也是从长远考虑

猪哥每日一贴手把手教新人学习编程技术,欢迎大家转载,务必带上原文出处!

原文:HTML网页简介

地址:http://www.qaforcode.net/archives/150
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  HTML网页简介