HTML知识点:
-
什么是HTML
HTML是Hyper Text Markup Language的缩写,即超文本标记语言
是描述网页的一种语言 是一种标记语言
HTML是由浏览器来解析,不需要安装任何编译环境 -
HTML的作用
专门用来描述文本语义的,告诉浏览器哪些是标题,哪些是段落
描述文本语义的文本称为标签 -
网页的基本结构
编写网页和写信一样都有一套规范和要求
编写网页的基本结构如下:
<!DOCTYPE html> # 文档声明为html文档
<html>
<head>
<meta charset="utf-8"> :网页的编码方式 utf-8
<title>网页命名标题</title>
</head>
<body>
文本内容
</body>
</html>
文档声明:
由于 HTML 有很多个版本的规范,每个版本的规范之间又有一定的差异。所以为了让浏览器能够正确的编译、解析、渲染我们的网页,我们需要在HTML 文件的第一行告诉浏览器,当前这个网页是用哪一个版本的HTML规范来编写的。 浏览器只要知道了是用哪一个版本的规范来编写之后,它就能够正确的编译、解析、渲染网页
-
HTML标签
HTML标签分类
单标签:
只有开始标签没有结束标签,也就是由一个 <> 组成的
<标签名 /> 一般写成<标签名>
如:<meta charset= "utf-8">
双标签:
有开始标签和结束标签,也就是由一个 <> 和一个 </> 组成的
<标签名></标签名>
如:<html></html> <body></body> <p></p>
html标签:
作用:用于告诉浏览器这是一个网页,也就是告诉浏览器我是一个HTML文档title标签
作用:专门用于指定网站的标题,并且这个指定的标题将来还会作为用户保存网站的默认标题
注意点:
title 标签必须写在 head 标签里面body标签
作用:
专门用于定义 HTML 文档中需要显示给用户查看的内容(文字 / 图片 / 音频 / 视频)
注意点:
1. 虽然说有时候你可能将内容写到了别的地方在网页中也能看到,但是千万不要这么做,一定要将需要显示的内容写在 body 中
2. 一对 html 标签中(一个 html 开始标签和一个 html 结束标签)只能有一对 body 标签meta标签
是单标签
1、为什么会有乱码现象?
因为在编写网页的时候没有指定字符集
2、如何解决乱码现象?
在 head 标签中添加,指定字符集
<!--用浏览器打开文章-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h3>背影</h3>
<p> 我与父亲不相见已二年余了,我最不能忘记的是他的背影。</p>
<p> 那年冬天,祖母死了,父亲的差使也交卸了,正是祸不单行的日子。我从北京到徐州,打算跟着父亲奔丧回家。到徐州见着父亲,看见满院狼藉的东西,又想起祖母,不禁簌簌地流下眼泪。父亲说:“事已如此,不必难过,好在天无绝人之路!”</p>
<p> 回家变卖典质,父亲还了亏空;又借钱办了丧事。这些日子,家中光景很是惨澹,一半为了丧事,一半为了父亲赋闲。丧事完毕,父亲要到南京谋事,我也要回北京念书,我们便同行。</p>
</body>