【学习笔记】HTML常用标签汇总

最新推荐文章于 2024-04-27 19:14:57 发布

衍欲瑜

最新推荐文章于 2024-04-27 19:14:57 发布

阅读量503

点赞数 2

分类专栏：学习笔记基础知识前端文章标签： html 列表 web html5 前端

本文链接：https://blog.csdn.net/weixin_52777510/article/details/113869965

版权

学习笔记同时被 3 个专栏收录

86 篇文章 7 订阅

订阅专栏

基础知识

26 篇文章 1 订阅

订阅专栏

前端

9 篇文章 0 订阅

订阅专栏

我是灼灼，一只初学Java的大一金渐层。
向往余秀华和狄兰·托马斯的疯狂，时常沉溺于将情感以诗相寄；追逐过王尔德、王小波的文字，后陷于毛姆和斯蒂芬·金不可自拔；热爱文学的浪潮，白日梦到底却总在现实里清醒；艳羡平静又极度渴盼奔跑的力量。
欢迎与我交流鸭· QQ:1517526827；
个人博客：https://blog.csdn.net/weixin_52777510?spm=1001.2101.3001.5343

Html学习笔记

内容来自菜鸟教程：HTML部分~
html代码后面紧接着的是web网页中的效果~

部分看不到是因为效果不能展示给用户~

文章目录

Html学习笔记

HTML 速查列表

HTML 基本文档

<!DOCTYPE html> 
<html> 
<head> 
<title>文档标题</title> 
</head> 
<body> 可见文本... </body> 
</html>

文档标题可见文本...

基本标签（Basic Tags）

<h1>最大的标题</h1> 
<h2> . . . </h2> 
<h3> . . . </h3> 
<h4> . . . </h4> 
<h5> . . . </h5> 
<h6>最小的标题</h6>   
<p>这是一个段落。</p> 
<br> （换行） 
<hr> （水平线） 
<!-- 这是注释 -->

最大的标题

. . .

最小的标题

这是一个段落。

（换行）

（水平线） ------ **文本格式化（Formatting）**

<b>粗体文本</b> 
<code>计算机代码</code> 
<em>强调文本</em> 
<i>斜体文本</i> 
<kbd>键盘输入</kbd>  
<pre>预格式化文本</pre> 
<small>更小的文本</small> 
<strong>重要的文本</strong>   
<abbr> （缩写） 
<address> （联系信息） 
<bdo> （文字方向） 
<blockquote> （从另一个源引用的部分） 
<cite> （工作的名称） 
<del> （删除的文本） 
<ins> （插入的文本） 
<sub> （下标文本） 
<sup> （上标文本）

粗体文本
计算机代码
强调文本
斜体文本
键盘输入

预格式化文本

更小的文本
重要的文本
（缩写）

（联系信息）（文字方向）

（从另一个源引用的部分）（工作的名称） ~~（删除的文本）~~ （插入的文本） _{（下标文本） ^{（上标文本）}}

链接（Links）

普通的链接：<a href="http://www.example.com/">链接文本</a> 
图像链接： <a href="http://www.example.com/"><img src="URL" alt="替换文本"></a> 
邮件链接： <a href="mailto:webmaster@example.com">发送e-mail</a> 
书签： <a id="tips">提示部分</a> 
<a href="#tips">跳到提示部分</a>

普通的链接：链接文本
图像链接：
邮件链接：发送e-mail
书签：提示部分
 跳到提示部分

图片（Images）

<img loading="lazy" src="URL" alt="替换文本" height="42" width="42">

样式/区块（Styles/Sections）

<style type="text/css">

h1 {color:red;} p {color:blue;}

</style> <div>文档中的块级元素</div> <span>文档中的内联元素</span>

文档中的块级元素

文档中的内联元素

无序列表

<ul>    <li>项目</li>    <li>项目</li> </ul>

项目
项目

有序列表

<ol>    <li>第一项</li>    <li>第二项</li> </ol>

第一项
第二项

定义列表

<dl>  <dt>项目 1</dt>    <dd>描述项目 1</dd>  <dt>项目 2</dt>    <dd>描述项目 2</dd> </dl>

项目 1

描述项目 1

项目 2

描述项目 2

表格（Tables）

<table border="1">   <tr>     <th>表格标题</th>     <th>表格标题</th>   </tr>   <tr>     <td>表格数据</td>     <td>表格数据</td>   </tr> </table>

表格标题	表格标题
表格数据	表格数据

框架（Iframe）

<iframe src="demo_iframe.htm"></iframe>

表单（Forms）

<form action="demo_form.php" method="post/get"> 
<input type="text" name="email" size="40" maxlength="50"> 
<input type="password"> <input type="checkbox" checked="checked"> <input type="radio" checked="checked"> <input type="submit" value="Send"> <input type="reset"> <input type="hidden"> 
<select> 
<option>苹果</option> 
<option selected="selected">香蕉</option> 
<option>樱桃</option> 
</select> 
<textarea name="comment" rows="60" cols="20"></textarea>  
</form>

苹果香蕉樱桃

实体（Entities）

&lt; 等同于 < &gt; 等同于 > &#169; 等同于 ©

HTML 标签简写及全称

下表列出了 HTML 标签简写及全称：

标签	英文全称	中文说明
a	Anchor	锚
abbr	Abbreviation	缩写词
acronym	Acronym	取首字母的缩写词
address	Address	地址
alt	alter	替用(一般是图片显示不出的提示)
b	Bold	粗体（文本）
bdo	Direction of Text Display	文本显示方向
big	Big	变大（文本）
blockquote	Block Quotation	区块引用语
br	Break	换行
cell	cell	巢
cellpadding	cellpadding	巢补白
cellspacing	cellspacing	巢空间
center	Centered	居中（文本）
cite	Citation	引用
code	Code	源代码（文本）
dd	Definition Description	定义描述
del	Deleted	删除（的文本）
dfn	Defines a Definition Term	定义定义条目
div	Division	分隔
dl	Definition List	定义列表
dt	Definition Term	定义术语
em	Emphasized	加重（文本）
font	Font	字体
h1~h6	Header 1 to Header 6	标题1到标题6
hr	Horizontal Rule	水平尺
href	hypertext reference	超文本引用
i	Italic	斜体（文本）
iframe	Inline frame	定义内联框架
ins	Inserted	插入（的文本）
kbd	Keyboard	键盘（文本）
li	List Item	列表项目
nl	navigation lists	导航列表
ol	Ordered List	排序列表
optgroup	Option group	定义选项组
p	Paragraph	段落
pre	Preformatted	预定义格式（文本）
q	Quotation	引用语
rel	Reload	加载
s/ strike	Strikethrough	删除线
samp	Sample	示例（文本
small	Small	变小（文本）
span	Span	范围
src	Source	源文件链接
strong	Strong	加重（文本）
sub	Subscripted	下标（文本）
sup	Superscripted	上标（文本）
td	table data cell	表格中的一个单元格
th	table header cell	表格中的表头
tr	table row	表格中的一行
tt	Teletype	打印机（文本）
u	Underlined	下划线（文本）
ul	Unordered List	不排序列表
var	Variable	变量（文本）