【HTML】——【入门】

最新推荐文章于 2023-02-25 13:39:24 发布

吃辣要适度哦

最新推荐文章于 2023-02-25 13:39:24 发布

阅读量1k

点赞数 3

分类专栏： HTML 文章标签： html

本文链接：https://blog.csdn.net/weixin_47157417/article/details/123769529

版权

HTML的基础知识点

1、HTML有大量标签组成，分为独目标签与非独目标签

非独目标签由两部分组成，开始标签与结束标签

第一种写法：<body></body>
第二种写法：<body/>

独目标签：只有一个标签

HTML基本格式

<!doctype html>
<html>

        <head>
                <title>这是网页的标题</title>
        </head>
        
        <body>
            这是网页的主体内容
        </body>

</html>

详解
1、开端有<!doctype html>，代表为HTML5，否则为HTML4
2、直接的为网页标题
3、之间的为网页内容

HTML的注释

<!--
        这是HTML的注释
-->

详解
1、这是HTML注释的基本格式，中间可用来写注释内容，可分行

HTML的基本标签

1、段落标签

用来给网页正文的内容进行分段

基本格式：<p>  </p>
示例：<p>中间的内容自成一段</p>

2、标题字

其实就是给网页中的某些文字以特殊的格式（字体与加粗否），让其充当标题的作用，而HEML中最这些标题的格式都已经有了一定的规范，只需要直接引用即可

<h1>标题内容</h1>
<h2>标题内容</h2>
<h3>标题内容</h3>
<h4>标题内容</h4>
<h5>标题内容</h5>
<h6>标题内容</h6>

详解

h1为最大的标题，一个页面最好只用一次
h1至h6依次缩小

3、换行

<br>
换行是一个独目标签

4、水平线

<hr>
<hr color="red" width="50%">

详解

水平线为独目标签
水平线后面可以设计线的大小、颜色、宽度等

5、预留格式

基本格式：<pre> </pre>
示例：<pre>网页保留文本编辑器上这段内容的格式，如果不加这个，网页上的这些内容将会在同一行<pre>

6、粗体字

基本格式：<b> </b>
示例：<b>中间为要加粗的文字内容</b>

7、斜体字

基本格式：<i> </i>
示例：<i>中间为要倾斜的文字内容</i>

8、删除字

基本格式：<del> </del>
示例：<del>中间为要增加删除符号的文字内容</del>

详解

删除字其实就是文字中间加一根短划线

9、插入字

基本格式：<ins> </ins>
示例：<ins>中间为要增加插入符号的文字内容</ins>

详解

插入字其实就是文字最下方加一根短划线

10、右上角加字

基本格式：<sup> </sup>
示例：<ins>中间为要显示在右上角的文字内容</ins>

详解

右上角加字其实就是该文字显示在前一个文字的右上方，如10的2次方的那个2

11、右下角加字

基本格式：<sub> </sub>
示例：<ins>中间为要显示在右下角的文字内容</ins>

详解

右下角加字其实就是该文字显示在前一个文字的右下角

12、字体标签

基本格式：<font> </font>
示例：<font color="green" size="50">中间为要运用次字体格式的文字内容</font>

13、网页标题标签title

基本格式:<title>文档标题</title>
示例:<head>
            <title>显示在浏览器页面上的网页标题</title>
       </head>

HTML的实体符号

详解

实体符号以&（与）开头，以;结尾
只有当HTML中使用的符号与HTML发生冲突时，但你想在网页上展现此符号时需要加实体符号

1、大于号

基本格式：>
示例：要在网页上显

最低0.47元/天解锁文章