HTML知识总结

HTML知识点:

  1. 什么是HTML
    HTML是Hyper Text Markup Language的缩写,即超文本标记语言
    是描述网页的一种语言 是一种标记语言
    HTML是由浏览器来解析,不需要安装任何编译环境

  2. HTML的作用
    专门用来描述文本语义的,告诉浏览器哪些是标题,哪些是段落
    描述文本语义的文本称为标签

  3. 网页的基本结构
    编写网页和写信一样都有一套规范和要求
    编写网页的基本结构如下:

<!DOCTYPE html>    # 文档声明为html文档 
<html>
    <head>
        <meta charset="utf-8">    :网页的编码方式 utf-8
        <title>网页命名标题</title>
    </head>
    <body>
    	文本内容
    </body>
</html>

文档声明:
由于 HTML 有很多个版本的规范,每个版本的规范之间又有一定的差异。所以为了让浏览器能够正确的编译、解析、渲染我们的网页,我们需要在HTML 文件的第一行告诉浏览器,当前这个网页是用哪一个版本的HTML规范来编写的。 浏览器只要知道了是用哪一个版本的规范来编写之后,它就能够正确的编译、解析、渲染网页

  1. 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>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;我与父亲不相见已二年余了,我最不能忘记的是他的背影。</p>
	<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;那年冬天,祖母死了,父亲的差使也交卸了,正是祸不单行的日子。我从北京到徐州,打算跟着父亲奔丧回家。到徐州见着父亲,看见满院狼藉的东西,又想起祖母,不禁簌簌地流下眼泪。父亲说:“事已如此,不必难过,好在天无绝人之路!”</p>
	<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;回家变卖典质,父亲还了亏空;又借钱办了丧事。这些日子,家中光景很是惨澹,一半为了丧事,一半为了父亲赋闲。丧事完毕,父亲要到南京谋事,我也要回北京念书,我们便同行。</p>
</body>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值