当前位置：网站首页 > 技术文章 > 正文

HTML基础知识(三) HTML标签知识1

myzbx 2024-12-02 22:43 10 浏览

一、标签理解

1.HTML标签由尖括号包围关键词。通常是成对出现的，称为双标签。例如<html>(开始标签)和</html>(结束标签)。有些特殊标签为单个标签，称为单标签。例如<br/>

2.标签关系有包含关系和并列关系

3.标签的含义(语义)：标签是用来干嘛的。(在适合的地方给一个合理的标签可以使页面结构更清晰)

4.每个网页都会有一个基本的结构标签(也称为骨架标签)，HTML页面也称为HTML文档

二、基本结构标签

1.<html>标签是根标签，页面中最大的标签

2.<head>标签是文档的头部，在<head>标签内必须设置<title>标签

3.<title>标签是文档的标题，网页的标题

4.<body>标签是文档的主体，文档的所有内容，网页内容

三、常见标签

1.标题标签<h1>-<h6>(head的缩写)

(1) 语义：作为标题使用，并依据重要性递减(2) 特点：a.加了标题标签文字会变粗，字号依次变大 b.一个标题独占一行

2.段落标签<p>(paragraph的缩写)

(1) 语义：可以把HTML文档分割为若干段落

(2) 特点：a.一个段落根据浏览器窗口的大的自动换行 b.段落之间有大的空隙

3.换行标签<br/>(break的缩写)

(1) 语义：强制换行

(2) 特点：a.<br/>是个单标签 b.<br/>只是简单重新开始一行与段落不同

4.文本格式标签(为文字设置粗体,斜体或下划线等效果，语义：突出重要性)

(1) 加粗：<strong></strong>或<b></b> 推荐使用<strong>标签，语义更强烈

(2) 倾斜：<em></em>或<i></i> 推荐使用<em>标签，语义更强烈(emphasize)

(3) 删除线：<del></del>或<s></s> 推荐使用<del>标签，语义更强烈(delete)

(4) 下划线：<ins></ins>或<u></u> 推荐使用<ins>标签，语义更强烈(insert)

5.<div>和<span>标签(没有语义，是一个盒子，用来装内容 division span)

特点：a.<div>标签用来布局，一行只能放一个<div>,是个大盒子 b.<span>标签用来布局，一行可以有多个<span>,是个小盒子

HTML 段落

HTML基础知识(三) HTML标签知识1

一、标签理解

二、基本结构标签

三、常见标签

1.标题标签<h1>-<h6>(head的缩写)

2.段落标签<p>(paragraph的缩写)

3.换行标签<br/>(break的缩写)

4.文本格式标签(为文字设置粗体,斜体或下划线等效果，语义：突出重要性)

5.<div>和<span>标签(没有语义，是一个盒子，用来装内容 division span)

相关推荐

使用VSCode模板提高Vue开发效率（vscode开发vue3）

吃透 Vue 项目开发实践|16个方面深入前端工程化开发技巧【下】

8.7k star，一款超炫酷的动态可视化大屏项目

说下你的vue项目的目录结构，该怎么划分?

这么牛逼的cursor功能，赶紧用起来

用上Vue3，你真的变了吗?（vue3 key）

移动前端重构实战系列:5-7章（前端移动端主要技术有哪些）

20个免费音乐音效下载网站，无版权素材商业影片也可用

什么是“恒定光圈”，什么是“浮动光圈”?-摄影早自习第331

谷歌SEO:外贸电商网站On-page SEO优化实战「附案例」