HTML篇

最新推荐文章于 2024-10-13 21:18:37 发布

喵咪O

最新推荐文章于 2024-10-13 21:18:37 发布

阅读量1k

点赞数 34

文章标签： html 前端

本文链接：https://blog.csdn.net/kuaileAmiao1/article/details/137546428

版权

1.html的介绍

html（hyper text markup language）超文本标记语言，超文本：在文本内容的基础上，添加更加丰富的信息（图片动画声音等）。

标记（标签）--<单词>
标记通常有两层含义：（表型）每个标签都有一定表现形式。（表意）每个标签有一定的意义。
语言：可以直接被浏览器解析，和程序语言不一样。

2.html的标签分类

双标签：开始标签和结束标签构成，内容放在开始标签和结束标签中间。

语法：<标签属性名="属性值">......内容......</标签>。

常见的双标签有：<div></div> <a></a> <html></html>

其中''属性''可以理解人的特征。

例如：<div 性别=''女'' ></div> <html 身高=''168''></html>

单标签：只有开始标签，没有结束标签，没有内容。

语法：<标签属性名="属性值" />

常见的单标签有：<link/> <img/> <br/> <meta/>

3.html基本骨架结构

<html>
  <head>
     <title>网站标题</title>
  </head>
  <body>

  </body>
</html>

文件的扩展名是xxx.html

4.html结构说明

<html>含义：告诉浏览器，网页的代码用什么格式来解析。
<head>含义：告诉浏览器，网页的代码用什么字符集。若字符集使用不正确，就会出现乱码。（常见的字符集有：gb2312---简体中文，（默认使用的汉字操作系统）， gbk---国际码 utf-8---多国语言）。
<title>含义：便于搜索引擎。
<body>含义：网站的内容。（99%的内容都放入body标签中，只有放入标签中，才能在窗口显示）。

5.html书写规范

html不分大小写，但是w3c使用的是小写<body>,不推荐<BODY>。
html 如果有标签嵌套，顺序嵌套，不能交叉。
单标签一定要闭合。例如:<br/>。
属性：每一个标签有没有属性，有多少属性---w3c规定好的。
属性值：用'' ''引起。
html 注释：注释的内容不在窗口显示

6.html标签

以下是一些常用的HTML文本标签：

标题标签：包括 <h1> 到 <h6>，用于定义不同级别的标题，其中 <h1> 是最高级别，<h6> 是最低级别。
段落标签：<p>，用于定义文档中的段落。
换行标签：<br>，用于在不产生新段落的情况下换行。
水平线标签：<hr>，用于在页面中插入一条水平线，常用于分隔内容。
引用标签：<q>，用于表示引用的文本，通常会自动添加引号。
块引用标签：<blockquote>，用于表示长引用，通常会缩进并添加边框。强调标签：<em>，用于强调文本，通常是斜体显示。
加粗标签：<strong>，用于强调文本，通常是加粗显示。
删除标签：<del>，用于表示删除的文本，通常会显示为中划线。
插入标签：<ins>，用于表示插入的文本，通常会显示为下划线。
缩写标签：<abbr>，用于表示缩写词，可以提供全称的解释。
代码标签：<code>，用于显示计算机代码，通常会使用等宽字体。
键盘标签：<kbd>，用于表示键盘输入，通常会使用等宽字体。
变量标签：<var>，用于表示变量名称，通常会以斜体显示。
时间标签：<time>，用于表示日期和时间，可以指定具体的时间和时区。
预格式化文本标签：<pre>，用于保留文本中的空格和换行，通常用于显示代码。
注释标签：，用于在源代码中添加注释，不会在浏览器中显示。

以下是一些常用的HTML文本标签：

<p> 标签：这是定义网页中一个段落的标签。每个 <p> 元素表示一个段落，浏览器会在段落之前和之后添加一定的空白，以区分不同的段落。它通常用于包含文本，但也可以包含其他内联元素，如 <em>、<strong> 或 <a>。
<br/> 标签：这是一个空元素，用于在不产生新段落的情况下插入一个换行。它告诉浏览器在这里将文本截断，从下一行的开始处继续。
<h1> 到 <h6> 标签：这些是标题标签，用于定义页面中的各级标题。<h1> 是最高级别的标题，通常用于主标题，而 <h6> 是最低级别的标题，用于辅助标题或小节标题。这些标签除了用于显示外，还有助于搜索引擎理解页面的结构。
<pre> 标签：这个标签用于显示预格式化的文本。它保留了文本中的空格和换行，通常用于显示代码片段。
<blockquote> 标签：用于表示长引用，通常会缩进并可能带有边框，以区别于普通文本。
<address> 标签：用于表示文档的联系信息，如作者、电子邮件地址等。这个标签通常用于文档的页脚或文章的末尾。
<abbr> 标签：用于表示缩写词，可以提供一个全称的解释，以便用户鼠标悬停时查看。
<cite> 标签：用于表示作品的引用，通常是书籍、歌曲或其他作品的标题。
<q> 标签：用于表示短引用，通常会在引用的文本周围添加引号。
<dfn> 标签：用于表示定义术语的地方，通常与 <cite> 或 <code> 标签结合使用，以提供术语的定义。
<mark> 标签：用于表示需要突出显示的文本，通常是因为它与用户的搜索查询相关。

在html中，标签根据它们在页面布局中的表现，可以被分为三类：块级标签、行内标签和行内块标签。

块级标签：

独占一行，对高度、宽度、行高以及顶和底边距都可设置的属性值生效。
如果不给宽度，块级元素就默认为浏览器的宽度，即100%宽。
常见的块级标签包括<p>（段落）、<div>（划分块）、<ul>（无序列表）、<ol>（有序列表）、<li>（列表项）、<dl>（定义列表）、<dt>（定义术语）和<dd>（定义描述），以及<h1>到<h6>（标题）等。

行内标签：

可以多个标签存在于同一行。
不能直接设置行内标签的高度、宽度、行高以及顶和底边距，完全靠内容撑开宽高。
常见的行内标签有<a>（链接）、<span>（通用容器）、<em>（强调）、<strong>（加粗强调）、<b>（加粗）、<i>（斜体）、<u>（下划线）、<label>（标签）、<br>（换行）等。

行内块标签：