HTML总结

一，HTML简介

HTML的英文全称是 Htper Text Marked Languager，中文叫做“超文本标记语言”。
浏览器中运行，目前是网络上应用最广泛的语言。
一个HTML文件的2后缀名是.htm或者.html。

二、HTMLTag 元素

HTML元素由开始Tag 和结束Tag 组成。如<p>/<p>,<h1><h1/>。虽然现在我们还不知道具体Tag 代表的意思，但Tag 一定是这样的格式：有一对开始<>和结束</>。一般Tag 名推荐用小写。Tag 具有属性，属性用来表示Tag 的特征。比如，我们用大小这个属性，来衡量一个苹果。所以，大小可以用来表示苹果的特征。属性时写在Tag 里面的，而且是开始Tag 内。

三，HTML结构

　　结构由网页的头部和网页的身体组成。如下例子：　

<html>
<head>
<title>这里是标题</title>
</head>
<body>
  This is  my  first homepage.  <b>This text  is bold </b>
</body>
</html>

示例解释

第一个Tag 是<html>这个Tag 告诉你的浏览器这是html文件的头，最后一个Tag 是</html>表示Tag 到此结束。

<head>和</head>之间的内容，是head信息。head信息是不显示出来的，你在浏览器里看不到，但是这不表示这些信息没没有用处。比如你可以在head信息里加山一些关键字，有助于搜索引擎能够搜索到你的网页。

<title>和<title>之间的内容，是这个页面的标题，你可以在浏览器最顶段的标题栏看到这个标题

<body>和<body>之间的信息，是正文就是可以看见的信息

<b>和</b>之间的文字，用粗体表示。<b>顾名思义，就是bold的意思。

html文件看上去和一般的文本类似，但是它比一般的文本多了Tag ,比如<html>,<b>等，通过这些Tag ，可以告诉浏览器如果显示文字的信息。

HTML元素（HTML Elements）

HTML元素（HTML Elements）用来标记文本，表示文本的内容。比如，body，p，tilte，div就是HTML元素。
HTML元素用Tag表示，Tag 以<开始，以>结束。
Tag通常是成对出现的，比如<body></dody>。起始的叫做Opening Tag ，结束的就叫做Closing Tag。
目前HTML和Tag不区分大小写的。比如，<html>和<HTML>其实是相同的。

HTML元素（HTML Elements）的属性

HTML元素可以拥有属性，属性可以扩展HTML元素的能力。

比如你可以使用一个background-color属性，使得页面的背景成为红色，就像这样：

<html>
<head>
<title>这里是标题</title>
</head>
<body style="background:red">
  This is  my  first homepage.  <b>This text  is bold </b>
</body>
</html>

早比如，你可以使用boder这个属性将一个表格设置成一个无边框的表格。

如下：

<html>
<body>
<table border="0">
  <tr>
    <th>ID</th>
    <th>姓名</th>
  </tr>
  <tr>
    <td>1</td>
    <td>张三</td>
  </tr>
</table>
</body>
</html>

属性通常由属性名和值成对出现，就像：name=“value”。上面例子中的background-color,border就是name，red和0就是value。属性一般用双引号标记起来。

属性通常是附加给HTML的 Opening Tag ，而不是Closing Tag。

基础HTML Tag

HTML里，比较基础的Tag主要用于标签，段落和分行。

正文标题

这个示例告诉你如何在HTML文件里定义正文标题.

HTML用<H1>到<H6>这几个Tag来定义正文标题，从大到小。每个正文标题自成一段

   <h1>This is a  heading </h1>
   <h2>This is a  heading </h2>
   <h3>This is a  heading </h3>
   <h4>This is a  heading </h4>
   <h5>This is a  heading </h5>
   <h6>This is a  heading </h6>

段落划分

在HTML里用<p>和</p>划分段落

<p>This is a paragraph</p>

换行

通过使用<br>这个Tag，可以在不新建段落的情况下换行。<br>，没有Closing Tag。

用<p>换行是个坏习惯，正确的使用<br>。

<p> This  <br> is a para <br>graph with line breaks </p>

HTML 注释

在HTMl 文件里。你可以写代码注释，解释说明你的代码，这样有助于你和他人日后能够更好地理解你的代码。
注释可以写在之间。浏览器是忽略注释的，你不会咋iHTML正文中看到你的注释。

<!-- This is a comment -->