预览加载中,请您耐心等待几秒...
1/7
2/7
3/7
4/7
5/7
6/7
7/7

在线预览结束,喜欢就下载吧,查找使用更方便

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

HTML初识,你必须懂的语法规则 导读:菜鸟小编在上一节《菜鸟学网站制作入门最笨拙三大问》中已经带大家走入了网站制作的大门,我们在这里复习一遍:学习网站制作需不需要精通dreamweaver、photoshop等相关软件?不需要。dreamweaver、photoshop等软件对网站制作的作用只是一个辅助的作用,我们只要确保我们电脑上有记事本程序与浏览器的安装即可以,甚至连电脑是否联网我们都不需要考虑。第二问,学习网站制作,我们应该从哪里入手?HTML语言的学习。这一节,菜鸟小编将带着大家进行最基本的HTML语言学习。 一、HTML语言建设规则 首先我们拿出昨天给大家示范的案例来。 案例一: <html> <head> <title>我的第一个网站</title> </head> <body> <p>哇!这是我的第一个网站。</p> </body> </html> 最后在电脑上保存为html格式的文档,关掉该文件,回到保存界面,对该html文档双击打开之后,我们会发现这么个页面: 大家发现了什么规则? 1.语言中的“我的第一个网站”显示在网页的标题栏上; 2.语言中的“哇!这是我的第一个网站。”显示在网页的正文中; 3.其他被<>括着的内容均没显示; 4.相同的标签都是成对出现的,如<html>之后必定有一个</html>,<head>之后必定有一个</head>,<title>之后必定有一个</title>等,他们之间唯一的区别是后者比前者多一条斜杠。 下面是大家需要记住的: 一个概念,几个规则。 一个概念——什么是HTML标签? HTML标签就好比人们的姓名,每个人都有一个姓名,这个姓名是你区别于其他人的标志,也是你身份的象征。标签就是机器语言的一种标识,机器通过这种标识知道里边的是什么东西,从而作出相应的反应。比如机器一看到<title>与</title>,就会知道里边的内容是标题,然后会将该内容呈现在网页的标题栏上;看到<body></body>就知道里边的内容是正文,然后会做出反应,将其中的内容按照其要求的格式呈现在网页正文中。标签一般是成对出现。 几个规则——HTML语言建设中的最基本的规则。 1.<html></html>标签,放在语言的起始与结尾,定义语言语法,告诉电脑该语言是通过html标记语言编写的; 2.<head></head>标签,相继<html>出现,定义文档的头部,包括文档的标题、在Web中的位置以及和其他文档的关系等等。绝大多数文档头部包含的数据都不会作为内容显示给读者。<title>是其唯一必需的元素。 3.<title></title>标签,放在<head></head>之中,用来定义文档的标题。 4.<body><body/>标签,放在<head>之后,定义文档的正文。也是在网页中能展示出来的部分。 以上四者是一个html文档最基本的四个标签。一般,程序员在编写程序时,为了防止忘掉其中任何一个标签的书写,会在程序编写之前,将这四个成对标签展现在文档中,之后再进行内容的添加。 <html> <head> <title></title> </head> <body> </body> </html> 为了体现层次感与方便阅读,一般,程序员会在不同的标签之间进行相应的换行与缩进(理论上,你如何书写HTML文档,与最后的展示效果没有任何关系)。换行使用enter键,缩进使用tab键。当然,如果你不想将你的网页设置标题,也可以将三级<title></title>去掉,但这种情况一般少见。 5.<p></p>标签,定义段落。 6.<b></b>、<strong></strong>标签,定义粗体,两者无太大区别。 7.<i></i>、<em></em>、<dfn></dfn>标签,定义斜体,三者无太大区别。 思考一:如果我们想定义粗斜体,该怎么操作?<b><i></i></b>,还是<i><b></b></i>? (两者都是可行的,但一般采纳前一种。<b><i>这种。) 8.<u></u>,<ins></ins>标签,定义底线; 9.<br/>标签,定义换行; 10.<hr/>标签,定义水平线((horizontalrule); 思考二:<br/>与<hr/>为什么不是成对出现? <br>元素被称为空元素,空元素是指没有内容的HTML元素被称为空元素,该种元素没有关闭标签。主要是因为如果其有关闭标签页,那没有意义,因为里边没有什么内容。一般像换行、水平线之类的都属于空元素。 在XHTML、XML以及未来版本的HTML中,所有元素都必须被关闭,比如<html>由</html>来关闭,<head>由</head>来关闭。html中的空元素,在开始标签中就应该关闭的,在开始