第一篇HTML知识笔记

最新推荐文章于 2024-03-18 12:09:27 发布

耳朵东又欠

最新推荐文章于 2024-03-18 12:09:27 发布

阅读量86

点赞数

分类专栏：前端文章标签： html笔记 html入门

本文链接：https://blog.csdn.net/qq_44966014/article/details/103252787

版权

前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

尊敬各位看官，以下内容都是我的学习笔记，如有错误还请批评指正，在下不胜感激。谢谢！
对了！以下的内容适合有一定的基础知识的朋友浏览。
我发布这篇博客用途是在于能够激励自己继续学习，记录自己的成长轨迹。

HTML的相关知识

①hyperText markup language

hyperText markup languge翻译为超文本标记语言（编程语言）
注：当有很多人问到你的工作时，难免会问你学的是什么啊？那么往往很多当事人都不知道怎么去回答这些问题。所以就讨论到专业素养的问题。外行人更专注与你的专业素养，问出的问题是各种的不专业，但就是这种不专业的眼光来很衡量你的专业不专业，所以专业素养很重要。

②HTML标签

HTML标签都是一对一对的标签组成的，每一对的标签都有特殊的功能。

<html></html>    //根标签

<head></head>  //结构性标签，这个标签是编辑给浏览器的可以说是一种思想类的东西。（用户看不到）
<body></body>  //结构性标签，这个标签是一种表皮，身体类的东西，用户是能够看得到的，是展现给用户看的部分。
//以上两个标签必须存在

③编码字符集

<meta charset = "utf-8">  //此标签在<head>标签中

拓展：1.gb2312 国家标准第2312条（亚裔字符集，不认识繁体）
2.gbk （包含亚洲所有的字符集）
3.unicode 万国码
4.utf-8 （unicode的升级版）

<title></title>  //页面的标题

④根标签

我们会看到如下的代码：

<html  lang = "en">

这是告诉搜索引擎爬虫，我们编的网站是关于什么内容
注：当我们把文件上传到我们的服务器上时，也就会出现一个问题。我们在百度中搜索我们的网站的关键词时，是不会出现我们网站里的内容的，要想网址出现在百度中，我们就需要和百度官方签订“关键字协议”。

⑤meta标签

<meta content = "服装" name = "keyword">
<meta content = "这是一件你穿了就不想脱得衣服" name = "description">
//有这些关键字，描述时，网络爬虫搜索时会让网站内容靠前

⑥P段落标签

<p></p>

用处：让标签中内容成段展示

⑦标题标签

<h1></h1>
<h2></h2>
......
<h6></h6>

此标签特点：大小不一样，独占一行（成段展示）。

⑧剩余的一些比较重要的标签

<strong></strong>  //此标签让其中的内容加粗展示
<em></em>  //此标签让其中的内容斜体展示

如下代码：

<strong>
	<em>举个例子</em>
</strong>

<del></del>

如下代码：

<del>50元</del>

<address></address>  //地址标签

地址标签作用：成段展示，斜体。此标签应用比较少。

<div></div>和<span></span>

div标签作用：结构化，捆绑操作（直接定义容器属性）。