2.HTML基本格式

一、

   1、先在“文件”中打开文件夹,选择一个文件夹,在“查看”中的“侧边栏”中可以显示/隐藏工作栏。

   2、在“文件”中新建文件夹,在“文件夹”保存或"Ctry+S"保存,弹出让你保存的位置,选择保存在“第一步”选中的文件夹,取名(例如index.html)。

二、

   在完成“一”中的过程后.

   1、直接输入‘html’后点击‘Tab’会出现基本内容,还要在输入“<meta charset="utf8">”。

   2、例如输入‘head’,‘body’,‘a’等再点击“Tab”会自动补全。

   3、个别软件具有自动补全功能,例如在输入“<head>”,在其后输入“<,在输入“/”会自动补全。(我的sublim一开始可以,汉化后居然没了...

   4、实践代码的方法是,打开保存文件的地方,打开浏览器(可以说ie10,Firefox,谷歌),拖住文件放置浏览器中即可。

三、

   1DOCTYPE

          文档类型声明,相当于头文件.

          <!DOCTYPE html>形式在第一行。

   2html 元素:

          元素是标签的意思,所以这里是  html标签 ,html出现在开端和结尾。

          <title></title>形式出现。

   3.lang=zh-cn”:

          表示采用的语言为:简体中文。不写这个表示英文。

   4.head  元素:

          包含数据内容。

   5.title 元素:

          显示浏览器左上方的标题。

          <title>百度</title>

   6.meta  元素:

           提供文档的类型,我们编写的代码类型放到网页(类型是utf8”)上会出现乱码,而IE浏览器比较严格,所以携程“utf-8

           所以在title前输入<meta charset="utf8">

   7.body  元素:

           用来包含文档内容,页面内的内容都在这里。

   8.a  元素:

           一个超链接,能跳转到其他网页。

           <a href="http://www.baidu.com">百度</a>

  

                     举例:      <!DOCTYPE html>

                                 <html>

                                 <head>

                         <meta charset="utf8">

                         <title>基本格式</title>

                                 </head>

                                 <body>

                                 <a href="http://www.baidu.com">百度</a>

                                 </body>

                                 </html>

 

posted @ 2018-02-28 17:34  君灬莫笑  阅读(442)  评论(0)    收藏  举报