一、HTML入门

---------------------------------------------------------------------

1.HTML、XHTML、XML、DHTML

HTML:超文本标记语言

XHTML:XML+超文本标记语言(结构比较严格的HTML)

XML:是一种格式非常规范、严谨的一门语言(比较简单)

DHTML:动态的HTML(HTML+CSS+JS)

--------------------------------------------------------------------------------------------

2.HTML结构

 

<!--

   文档声明:位于文档的首行,告知浏览器文档使用哪种 HTML XHTML 规范。让浏览器通过正确的方式解析我们的网页,使网页能正常显示。

-->

<!DOCTYPE html>

<!-- html标签:告诉页面这是一个HTML文档  -->

<html>

<!--

   head标签:就是一个网页的头,头部中的内容一般存放描述文档的信息。

 -->

<head>

   <!--

       meta元素可提供有关页面的元信息,比如针对搜索引擎和更新频度的描述和关键词

 

      声明文件的编码是UTF-8的编码,告诉浏览器,你用什么编码去解析这个文件

         UTF-8 : 国际通用码

         GBK/GB2312 : 中文编码

         这里的编码必需要和文件的编码完全一致

     -->

   <meta charset="UTF-8"/>

    <!-- 提供给搜索引擎的关键字信息 -->

<meta name="keywords" content="Java培训、web前端、UI培训、PHP培训"/>

<meta name="description" content=""/>

   <!--

      title : 网页的标题,会显示在标题栏

    -->

   <title>你看得见我嘛?</title>

</head>

<!--

   body标签:就是一个身体

      一般来说:body里面的内容要显示出来

 -->

<body>

   我是一个中国人

</body>

</html>

 

 

 

 

 

   

 

<!--

   文档声明:位于文档的首行,告知浏览器文档使用哪种 HTML XHTML 规范。让浏览器通过正确的方式解析我们的网页,使网页能正常显示。

-->

<!DOCTYPE html>

<!-- html标签:告诉页面这是一个HTML文档  -->

<html>

<!--

   head标签:就是一个网页的头,头部中的内容一般存放描述文档的信息。

 -->

<head>

   <!--

       meta元素可提供有关页面的元信息,比如针对搜索引擎和更新频度的描述和关键词

 

      声明文件的编码是UTF-8的编码,告诉浏览器,你用什么编码去解析这个文件

         UTF-8 : 国际通用码

         GBK/GB2312 : 中文编码

         这里的编码必需要和文件的编码完全一致

     -->

   <meta charset="UTF-8"/>

    <!-- 提供给搜索引擎的关键字信息 -->

<meta name="keywords" content="Java培训、web前端、UI培训、PHP培训"/>

<meta name="description" content=""/>

   <!--

      title : 网页的标题,会显示在标题栏

    -->

   <title>你看得见我嘛?</title>

</head>

<!--

   body标签:就是一个身体

      一般来说:body里面的内容要显示出来

 -->

<body>

   我是一个中国人

</body>

</html>

--------------------------------------------------------------------------------------------

3.HTML编码问题

UTF-8

国际通用编码字符集,UNICODE的灵活版

GBK/GB2312

中文编码字符集

BIG5

中文繁体字符集

iso8859-1

西方欧洲语言字符集,通常叫做Latin-1

UNICODE

大字符集,包含了地球上所有语言的编码

--------------------------------------------------------------------------------------------

4.source标签

--------------------------------------------------------------------------------------------

5.Table表格

 

表格合并行列

 

posted on 2017-09-02 23:47  胡逗逗  阅读(150)  评论(0)    收藏  举报