HTML初识你必须懂的语法规则.docVIP

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.?bodybody/标签，放在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标签，定义斜体，三者无太大区别。 ???? ????思考一：如果我们想定义粗斜体，该怎么操作？bi/i/b，还是ib/b/i？ ????（两者都是可行的，但一般采纳前一种。bi这种。） ???? ????8.u/u，ins/ins标签，定义底线； ????9.br/标签，定义换行； ????10.hr/标签，定义水平线（（horizontal?rule）； ???? ????思考二：br/与hr/为什么不是成对出现？ ????br元素被称为空元素，空元素是指没有内容的HTML元素被称为空元素，该种元素没有关闭标签。主要是因为如果其有关闭标签页，那没有意义，因为里边没有什么内容。一般像换行、水平线之类