HTML常见标签整理

最新推荐文章于 2023-05-28 14:20:42 发布

- LYN ..

最新推荐文章于 2023-05-28 14:20:42 发布

阅读量264

点赞数 1

本文链接：https://blog.csdn.net/llyynn_king/article/details/88094953

版权

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 声明是大小写的。常见的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
其他标签可参考教程手册：(http://www.runoob.com/html/html-intro.html)

- LYN ..

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML常见标签整理

HTML常见标签整理作为一个正在学习前段中的小白，一直想写点东西作为纪念同时可以复习自己所学知识。。。话不多说，现在开撸。1.什么是HTML标签？简介：超文本标记语言（外国语简称：HTML）标记标签通常被称为HTML标签，HTML标签是HTML语言中最基本的单位，HTML标签是HTML（标准通用标记语言下的一个应用）最重要的组成部分。HTML标签的大小写无关的，例如“主体”跟表示的意思是一...
复制链接

扫一扫