HTML常用标签

最新推荐文章于 2023-07-28 01:34:31 发布

m0_45229352

最新推荐文章于 2023-07-28 01:34:31 发布

阅读量754

点赞数

文章标签： html 前端

本文链接：https://blog.csdn.net/m0_45229352/article/details/123213760

版权

1、文本标题标签

文本标题共有6个（h1-h6）

<h1>一级标题</h1>(唯一性,放网站LOGO)

...

h$*6生成h1-h6

2、字体倾斜&加粗标记

文本倾斜:

<i></i>

文本加粗：

<b></b>

<strong></strong> 强调性比em强

3、下划线&删除线

下划线：<u></u>、<ins></ins>

删除线：<s></s>、<del></del>

4、换行&水平线

<br/>

<hr/>

5、上标&下标

6、段落标记

<p></p>

7 、字符（小段文本）

8 、常用转义字符

  空格

> >右尖括号

< <左尖括号

¥ ¥

® 注册商标®

™ 商标™

° 摄氏度

拓展： HTML转义字符对照表

9、列表

（1）无序列表

<ul>

<li>列表项内容</li>

........

</ul>

（2）有序列表

<ol>

<li>列表项内容</li>

........

</ol>

type:规定列表中的列表项目的项目符号的类型

语法：<ol type=“ a"></ol>

1 数字顺序的有序列表（默认值）（1, 2, 3, 4）。

a 字母顺序的有序列表，小写（a, b, c, d）。

A 字母顺序的有序列表，大写（A,B,C,D)若start给出的值为27，即开头的为A

i 罗马数字，小写（i, ii, iii, iv）。

I 罗马数字，大写（i, ii, iii, iv）。

start 属性规定有序列表的开始点。(start的属性值必须是数字)

语法：<ol start="5"></ol>

（3）自定义列表

<dl>

</dl>

10、超链接

<a></a>

属性：

href = 'url'超链接跳转地址

target = "_blank （新窗口打开网页）/ _self(默认)";

title = '文本提示'（鼠标移动到超链接悬停显示文字）

拓展：

rel = 'nofollow'; （Google 使用 "nofollow"，用于指定 Google 搜索引擎不要跟踪链接。）

11、图片

<img />

属性：

src = 'url';（引入图片的路径）

alt = ' 图片加载失败显示的文本'

title = '鼠标悬停文本提示'

width = '图片宽'

height = '图片高'

border = '边框'

图片 title 和alt区别：

alt:

1、alt属性是考虑到不支持图像显示或者图像显示被关闭的浏览器的用户，以及视觉障碍的用户和使用屏幕阅读器的用户。当图片不显示的时候，图片的替换文字。

2、alt属性值得长度必须少于100个英文字符

3、alt属性是img标签的必须属性，如果没有特别意义的图片，可以写alt=""

4、alt属性是搜索引擎判断图片与文字是否相关的重要依据，alt属性添加到img主要的目的才是为了SEO

title:

1、title属性并不是必须的。

2、title属性规定元素的额外信息，有视觉效果，当鼠标放到文字或是图片上时有文字显示。

3、title属性并不作为搜索引擎抓取图片的参考，更多倾向于用户体验的考虑。

12、相对路径

（同级）

1)当当前文件与目标文件在同一目录下，直接书写目标文件的文件名+扩展名；

（上级找下级）

2)当当前文件与目标文件所处的文件夹在同一目录下，写法如下：

文件夹名/目标文件全称+扩展名；

（下级找上级）

3)当当前文件所处的文件夹和目标文件在同一目录下，写法如下：

../目标文件文件名+扩展名；

13、 DIV标签

14、HTML注释

html注释

css注释 /*注释*/

js注释 //内容多行注释/*注释*/

15、PS快捷键

单位改成px(像素) 编辑-->首选项-->单位与标尺-->厘米改像素

测量信息显示 F8或窗口-->信息

设计稿缩放 alt + 鼠标滚轮

设计稿移动空格 + 鼠标左键移动

调出标尺视图-->标尺

标签	描述
<!--...-->	定义注释。
<!DOCTYPE>	定义文档类型。
<a>	定义锚。
<abbr>	定义缩写。
<acronym>	定义只取首字母的缩写。HTML5 中不支持。请使用 <abbr> 代替。
<address>	定义文档作者或拥有者的联系信息。
<applet>	定义嵌入的 applet。HTML5 中不支持。请使用 <embed> 和 <object> 代替。
<area>	定义图像映射内部的区域。
<article>	定义文章。
<aside>	定义页面内容之外的内容。
<audio>	定义声音内容。
<b>	定义粗体字。
<base>	定义页面中所有链接的默认地址或默认目标。用在head里
<basefont>	定义页面中文本的默认字体、颜色或尺寸。HTML5 中不支持。请使用 CSS 代替。
<bdi>	定义文本的文本方向，使其脱离其周围文本的方向设置。
<bdo>	定义文字方向。
<big>	定义大号文本。HTML5 中不支持。请使用 CSS 代替。
<blockquote>	定义长的引用。
<body>	定义文档的主体。
<br>	定义简单的折行。
<button>	定义按钮 (push button)。
<canvas>	定义图形。
<caption>	定义表格标题。
<center>	定义居中文本。HTML5 中不支持。请使用 CSS 代替。
<cite>	定义引用(citation)。
<code>	定义计算机代码文本。
<col>	定义表格中一个或多个列的属性值。
<colgroup>	定义表格中供格式化的列组。
<command>	定义命令按钮。
<data>	添加给定内容的机器可读翻译。
<datalist>	定义下拉列表。
<dd>	定义定义列表中项目的描述。
<del>	定义被删除文本。
<details>	定义元素的细节。
<dir>	定义目录列表。HTML5 中不支持。请使用 CSS 代替。
<div>	定义文档中的节。
<dfn>	定义定义项目。
<dialog>	定义对话框或窗口。
<dl>	定义定义列表。
<dt>	定义定义列表中的项目。
<em>	定义强调文本。
<embed>	定义外部交互内容或插件。
<fieldset>	定义围绕表单中元素的边框。
<figcaption>	定义 figure 元素的标题。
<figure>	定义媒介内容的分组，以及它们的标题。
<font>	定义文字的字体、尺寸和颜色。HTML5 中不支持。请使用 CSS 代替。
<footer>	定义 section 或 page 的页脚。
<form>	定义供用户输入的 HTML 表单。
<frame>	定义框架集的窗口或框架。HTML5 中不支持。
<frameset>	定义框架集。HTML5 中不支持。
<h1> to <h6>	定义 HTML 标题。
<head>	定义关于文档的信息。
<header>	定义 section 或 page 的页眉。
<hr>	定义水平线。
<html>	定义 HTML 文档。
<i>	定义斜体字。
<iframe>	定义内联框架。
<img>	定义图像。
<input>	定义输入控件。
<ins>	定义被插入文本。
<isindex>	定义与文档相关的可搜索索引。不赞成使用。
<kbd>	定义键盘文本。
<keygen>	定义生成密钥。
<label>	定义 input 元素的标注。
<legend>	定义 fieldset 元素的标题。
<li>	定义列表的项目。
<link>	定义文档与外部资源的关系。
<main>	定义文档的主要内容。
<map>	定义图像映射。
<mark>	定义有记号的文本。
<menu>	定义命令的列表或菜单。
<menuitem>	定义用户可以从弹出菜单调用的命令/菜单项目。
<meta>	定义关于 HTML 文档的元信息。
<meter>	定义预定义范围内的度量。
<nav>	定义导航链接。
<noframes>	定义针对不支持框架的用户的替代内容。HTML5 中不支持。
<noscript>	定义针对不支持客户端脚本的用户的替代内容。
<object>	定义内嵌对象。
<ol>	定义有序列表。
<optgroup>	定义选择列表中相关选项的组合。
<option>	定义选择列表中的选项。
<output>	定义输出的一些类型。
<p>	定义段落。
<param>	定义对象的参数。
<pre>	定义预格式文本。
<progress>	定义任何类型的任务的进度。
<q>	定义短的引用。
<rp>	定义若浏览器不支持 ruby 元素显示的内容。
<rt>	定义 ruby 注释的解释。
<ruby>	定义 ruby 注释。
<s>	定义加删除线的文本。
<samp>	定义计算机代码样本。
<script>	定义客户端脚本。
<section>	定义 section。
<select>	定义选择列表（下拉列表）。
<small>	定义小号文本。
<source>	定义媒介源。
<span>	定义文档中的节。
<strike>	定义加删除线文本。HTML5 中不支持。请使用 <del> 或 <s> 代替。
<strong>	定义强调文本。
<style>	定义文档的样式信息。
<sub>	定义下标文本。
<summary>	为 <details> 元素定义可见的标题。
<sup>	定义上标文本。
<svg>	定义 SVG 图形的容器。
<table>	定义表格。
<tbody>	定义表格中的主体内容。
<td>	定义表格中的单元。
<template>	定义用作容纳页面加载时隐藏内容的容器。
<textarea>	定义多行的文本输入控件。
<tfoot>	定义表格中的表注内容（脚注）。
<th>	定义表格中的表头单元格。
<thead>	定义表格中的表头内容。
<time>	定义日期/时间。
<title>	定义文档的标题。
<tr>	定义表格中的行。
<track>	定义用在媒体播放器中的文本轨道。
<tt>	定义打字机文本。HTML5 中不支持。请使用 CSS 代替。
<u>	定义下划线文本。
<ul>	定义无序列表。
<var>	定义文本的变量部分。
<video>	定义视频。
<wbr>	定义可能的换行符。
<xmp>	定义预格式文本。HTML5 中不支持。

HTML样式

style 属性淘汰了“旧的” bgcolor 属性。例子：<bodystyle="background-color:yellow"></body>

HTML 样式实例 - 字体、颜色和尺寸

font-family、color 以及 font-size属性分别定义元素中文本的字体系列、颜色和字体尺寸

例子：

<html>

<body><h1style="font-family:verdana">A heading</h1><pstyle="font-family:arial;color:red;font-size:20px;">A paragraph.</p></body>

</html>

style 属性淘汰了旧的 <font> 标签。

HTML 样式实例 - 文本对齐

text-align属性规定了元素中文本的水平对齐方式：

<html>

<body><h1style="text-align:center">This is a heading</h1><p>The heading above is aligned to the center of this page.</p></body>

</html>

style 属性淘汰了旧的 "align" 属性。

HTML 文本格式化

文本格式化标签

标签	描述
<b>	定义粗体文本。
<big>	定义大号字。
<em>	定义着重文字。
<i>	定义斜体字。
<small>	定义小号字。
<strong>	定义加重语气。
<sub>	定义下标字。
<sup>	定义上标字。
<ins>	定义插入字。
<del>	定义删除字。
<s>	不赞成使用。使用 <del> 代替。
<strike>	不赞成使用。使用 <del> 代替。
<u>	不赞成使用。使用样式（style）代替。

“计算机输出”标签

标签	描述
<abbr>	定义缩写。
<acronym>	定义首字母缩写。
<address>	定义地址。
<bdo>	定义文字方向。
<blockquote>	定义长的引用。
<q>	定义短的引用语。
<cite>	定义引用、引证。
<dfn>	定义一个定义项目。

引用、引用和术语定义

标签	描述
<abbr>	定义缩写。
<acronym>	定义首字母缩写。
<address>	定义地址。
<bdo>	定义文字方向。
<blockquote>	定义长的引用。
<q>	定义短的引用语。
<cite>	定义引用、引证。
<dfn>	定义一个定义项目。