背景
从这篇开始,新写一个系列,主要用来记录学习HTML的过程,鞭策自己完成整个教程的学习,顺便通过博客文章的方式,记录学习过程。我想这是一个很好的学习方法,如果你也打算学习一个新的技能,这里我也建议你和我一样,边学习,然后通过写笔记或者文章的方式,记录学习过程。还有一个原因是接下来会学习web开发,简单的web开发。
什么是HTML
HTML 是用来描述网页的一种语言。
- HTML 指的是超文本标记语言 (Hyper Text Markup Language)
- HTML 不是一种编程语言,而是一种标记语言 (markup language)
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
HTML 标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
- HTML 标签是由尖括号包围的关键词,比如 <html>
- HTML 标签通常是成对出现的,比如 <b> 和 </b>
- 标签对中的第一个标签是开始标签,第二个标签是结束标签
- 开始和结束标签也被称为开放标签和闭合标签
HTML编辑工具
这里我采用的Notepad++,和学习java script的时候一样,然后安装firefox和chrome浏览器,在notepad++里写好了html内容,通过点击Run-launch in Firefox 或者luanch in chrome,可以看到网页的效果。
第一个例子
<!DOCTYPE html>
<html>
<head>
<title>
HTML 简单文档结构
</title>
</head>
<body>
<h1>
这个是头部(heading)
</h1>
<p>
这是一个段落
</p>
</body>
</html>
乱码处理
在运行的时候,浏览器上可能出现乱码,例如我机器系统是英文版的win7,我运行以上html文件就会看见乱码,那么如何实现正常显示呢?
<head>
<title>
HTML 简单文档结构
</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
常见的charset有charset=gb2312或者charset=gb18030,上面写的是unicode,全世界通用的编码格式就是采用unicode实现。以后我的demo.html都会写上charset="utf-8",utf-8是unicode编码的一种网络传输编码实现方式,还有utf-16,8表示用8个字节编码方式。例子解释
- <html> 与 </html> 之间的文本描述网页
- <body> 与 </body> 之间的文本是可见的页面内容
- <h1> 与 </h1> 之间的文本被显示为标题
- <p> 与 </p> 之间的文本被显示为段落
总结:
第一篇总是很简单和基础,主要知道HTML是超文本标记语言,并不是编程语言,常见标签的含义,标签都是成对出现的,这点经常犯错,漏写了结束标签。所以需要养成,写完开始标签就要立马写结束标签这样的习惯。