前端HTML基本知识汇总

风继续吹Lao.z.c

关注

已于 2022-02-24 10:53:37 修改 · 2.3k 阅读

原创

本文为博客 VIP 文章，开通 VIP 后可阅读全文

开通 VIP

自学前端开发，纯手工，非抄袭，每个知识点均自己收集，不敢保证十分全面，只敢保证笼统囊括前端html学习中的常见知识点。欢迎前端大佬前来补充。十分感谢......

1.html基本框架：
<!DOCTYPE >
<html>
<head>
    //这里到后期可以放置一些标签例如<style></style>......
     到了后期css. javascript的相关学习就懂了
    <title>Document</title>//其中的document指的是你所创建的网页的名称
</head>
<body>
    //这里写正文内容
</body>
</html>

2.html中框架特殊符号的相关解释说明：

1.<!DOCTYPE html> 文档类型声明标签，指定该页面使用哪一种文档进行编辑，在这里指定的是该页面使用html5版本进行编辑的。

2.<html lang="en">其中的en为英文单词English的缩写，定义该网页为英文网页，除此之外，zh-CN表示该网页为中文网页。一般常用的为en和zh-CN。

3.<meta charset="UTF-8"> 其中的charset为字符集的意思，后面的UTF-8表示其为万国码，其基本上包含了全世界所以国家需要一定的字符，如果该处处理不当有可能会出现乱码的情况。

3.标题标签：

<h1>~~<h6>

该标签目的是为了突出标题，从h1到h6该标签的突出效果逐渐减小。

二话不说，上图：
<body>
    <h1>前端开发学习</h1>
    <h2>前端开发学习</h2>
    <h3>前端开发学习</h3>
    <h4>前端开发学习</h4>
    <h5>前端开发学习</h5>
    <h6>前端开发学习</h6>
</body>

4.html常用标签和实体符号：

1.段落标签：<p></p> //开启一个段落

2.换行标签（单标签）：<br>//进行强制换行

3.横线标签（单标签）：<hr>//在页面上画出一条横线，可以加上一些属性，例如：

<hr color="red" width="50%"> 此代码规定了横线的颜色以及宽度。

4.保留字标签：<pre></pre>//此标签可以毫无变化地将编辑器中的文字格式显示到页面当中，因为有时候在转化为页面元素的时候，文字的排版方式会发生变化。

5.删除标签：<del></del>//此标签可以在标签所包含文字的中间加上一条删除线。例如：

6.插入字标签：<ins></ins>// ins 为英文单词insert 的缩写。该标签可以在文字下方加上一条横线。

7.粗体字标签：<b></b>或<strong></