1.什么是HTML
2.HTML文件结构
3.HTML文档
4.HTML标签
1.什么是HTML
-
首先，HTML是一种语言，是用来描述网页的语言
-
HTML 指的是超文本标记语言 (Hyper Text Markup Language) 所谓的超文本就是指页面内可以包含图片、链接、甚至音乐，等非文字元素
-
HTML 不是一种编程语言，而是一种标记语言 (markup language)所以就算你什么编程语言都不懂，没关系，完全可以上手HTML。 标记语言：一套标记标签 (markup tag)（也就是一些特定的符号，后面我们会讲到）
-
HTML 就是使用标记标签来描述网页
-
HTML文件后缀名就是(.html),你可以使用一般的文本编辑器就能编辑（在我们环境中可以使用Brackets，gedit，vim），之后再使用浏览器打开，就能看见所你所编辑的网页
2.HTML文件结构
<html> <head> <title>.....</title> </head> <body> <p>.....</p> </body> </html>
3.HTML文档
HTML 文档也被称为网页 HTML 文档包含 HTML 标签和纯文本 Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。
<html> <body> <h1>First Heading</h1> <p>first paragraph</p> </body> </html>
< html> 与 < /html> 之间的文本描述网页 < body> 与 < /body> 之间的文本是可见的页面内容 < h1> 与 < /h1> 之间的文本被显示为标题 < p> 与 < /p> 之间的文本被显示为段落
4.HTML标签
- 什么是标签
标签就是上面这些< head>、< body>、< table> 等被尖括号“<”和“>”包起来的对象
- 常用的标签
HTML标题 Heading 是通过 < h1> - < h6> 等标签进行定义的。
<h1>This is first heading</h1> <h2>This is second heading</h2> <h3>This is third heading</h3>
HTML段落 paragraph 是通过 < p> 标签进行定义的
<p>This is a paragraph.</p> <p>This is another paragraph.</p>
HTML链接 链接 是通过 < a> 标签进行定义的
<a href="http://shiyanlou.com">This is a link</a>
HTML图像 image是通过 标签进行定义的。
<img src="shiyanlou.jpg" width="100" height="142" />