一,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 -->