HTML入门笔记1-HTML介绍

来源：互联网发布：复合视频矩阵编辑：程序博客网时间：2024/05/07 17:54

背景

从这篇开始，新写一个系列，主要用来记录学习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是超文本标记语言，并不是编程语言，常见标签的含义，标签都是成对出现的，这点经常犯错，漏写了结束标签。所以需要养成，写完开始标签就要立马写结束标签这样的习惯。

阅读全文

0 0