HTML常见标签整理
作为一个正在学习前段中的小白，一直想写点东西作为纪念同时可以复习自己所学知识。。。话不多说，现在开撸。
1.什么是HTML标签？
简介：超文本标记语言（外国语简称：HTML）标记标签通常被称为HTML标签，HTML标签是HTML语言中最基本的单位，HTML标签是HTML（标准通用标记语言下的一个应用）最重要的组成部分。
HTML标签的大小写无关的，例如“主体”跟表示的意思是一样的，推荐使用小写。可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。
特点：1. 由尖括号包围的关键词，比如<html>
2. 通常是成对出现的，比如<div>和</div> 。标签对中的第一个标签是开始标签，第二个标签是结束标签。开始和结束标签也被称为开放标签和闭合标签。
3. 也有单独呈现的标签，如<br><hr><img><input><param><meta><link>等。
4. 一般成对出现的标签，其内容在两个标签中间。单独呈现的标签，则在标签属性中赋值。如<h1>标题</h1>和 <input type="text" value="按钮" />。
5. 网页的内容需在<html>标签中，标题、字符格式、语言、兼容性、关键字、描述等信息显示在<head>标签中，而网页需展示的内容需嵌套在<body>标签中。
注意：对于中文网页需要使用 <meta charset="utf-8"> 声明编码，否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码，则你需要设置为 <meta charset="gbk">。
2.实例标签解析
<!DOCTYPE html> 声明为 HTML5 文档 注： doctype 声明是大小写的。
<html> 元素是 HTML 页面的根元素
<head>元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
<title>元素描述了文档的标题
<body> 元素包含了可见的页面内容
<h1> 元素定义一个大标题
<p> 元素定义一个段落
3特殊标签详解
一、meta
<meta name="Description" content="具体描述。。。">
<meta name="Keywords" content="网易，邮箱，游戏，新闻">
#移动适配
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
#3秒后跳转
<meta http-equiv="refresh" content="3,url=http://www.baidu.com">
#三秒刷新
<meta http-equiv="refresh" content="3">
<!--告诉IE以最高级模式渲染文档-->
<meta http-equiv="x-ua-compatible" content="IE=edge"> <meta charset="gbk">
二、非meta标签
title>百度一下，你就知道</title>
<link rel="icon" href="https://www.baidu.com/favicon.ico">
<!-- logo图片 -->
<!-- <link rel="icon" type="image/x-icon" href="https://www.baidu.com/favicon.ico"> -->
<link rel="shortcut icon" type="image/x-icon" href="icon.png">
#定义内部样式
<style></style>
#引入外部样式文件
<link rel="stylesheet" href="mystyle.css">
#定义JavaScript代码或引入JavaScript文件
<script src="hello.js"></script>
三、老版本的标签
1、<br> 换行
2、<hr> 分割线
3、<font> 修改文字大小，颜色 <font color="red" size="10px">我是哈哈哈</font>
4、<b> 加粗 <strong>
5、<u> 下划线 <ins>
6、<i> 倾斜 <em>
7、<s> 删除线 <del>
四、容器级标签
容器类标签可以简单的理解为能嵌套其它所有标签的标签。（也可理解为css中的块级元素）
h系列、ul>li（无序）、ol>li（有序）、dl>dt+dd、div
五、文本类标签
文本级的标签对应容器级标签，只能嵌套文字/图片/超链接的标签。（也可理解为css中的行内元素）
p、span、strong、em、ins、del
---------------------
【转载，仅作分享，侵删】
作者：- LYN ..
原文：https://blog.csdn.net/llyynn_king/article/details/88094953
版权声明：本文为博主原创文章，转载请附上博文链接！
|
|
收藏
淘帖
踩
