html元素概述

前言

本篇主要介绍html中常用元素的使用，也称之为标签。

会将相近的元素归纳整理，对于简单元素直接介绍，对于使用比较复杂的元素会另写文章介绍，本篇中进行引用。

头部元素

1、title

<title>标题</title>

• 定义网页显示时，在浏览器顶部的标签中的标题
• 浏览器收藏页面时，作为收藏夹中显示的标题
• 显示在搜索引擎结果中的页面标题

2、script

<script type="text/javascript"></script>
<script type="text/javascript" src="xxx.js"></script>

• 引入外部js文件，或者直接在script的内容中编辑js代码
• 对于h5，script标签默认type属性为js，不需要单独声明

3、style

<style type="text/css"></style>

• 内部样式表，直接在标签内容中写css代码

4、其他

html元素之base：https://www.cnblogs.com/heibaimao123/p/16252931.html
html元素之meta：https://www.cnblogs.com/heibaimao123/p/16252976.html
html元素之link：https://www.cnblogs.com/heibaimao123/p/16253049.html

体部元素

1、h

<h1>标题</h1>

• 标题，从h1-h6，级别递减。h1表示的重要程度最大，同时字号和加粗程度也最大。
• 不建议仅仅为了字号和加粗程度使用h标签。
• h标签既在本页面内优化显示，也为爬虫和搜索引擎提供指导。

2、p

<p>段落</p>

• p标签用于定义一个段落
• 其内可以嵌套其他某些标签，比如图片img、超链接a、br和hr等

3、br

<br>

• 换行
• 在html除了pre的标签中，文本的单个或多个空白符会被处理为单个空格。使用br标签，不会被处理，而是多少个br显示多少个换行。

4、hr

<hr>

• 折线，独占一行，起到分割文本的作用

5、img

<img src="" alt="" onerror="">

• img为图片，src为图片路径
• 如果图片因为某个原因无法加载，显示alt的文本
• onerror事件，当图片加载错误时触发
• 常用的三个图片格式：png、jpg、gif，想要展示色彩丰富的高品质图片，可以使用jpg格式，但是体积较大；一般使用png格式，体积较小且支持保存透明背景；如果需要展示动画图片，可以使用gif图片格式。

6、div

<div></div>

• 块级元素

7、span

<span></span>

• 行内元素

8、pre

<pre></pre>

• 其内的文本不会将单个或多个空白符处理为单个空格，而是直接保留显示

8、列表

9、表格

html元素之超链接：
html元素之表单：