HTML 基本标签使用指引

小手一背爱谁谁

于 2021-03-19 15:07:40 发布

阅读量150

点赞数

分类专栏： HTML5

本文链接：https://blog.csdn.net/saw471/article/details/115006936

版权

HTML5 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

HTML 标题
<h1>这是一个标题</h1>
<h2>这是一个标题</h2>
<h3>这是一个标题</h3>

HTML 段落
<p>这是一个段落。</p>
<p>这是另外一个段落。</p>

HTML 样式实例 - 文字颜色
<font color='0x0a0a0a'>我<font>
HTML 样式实例 - 字体
<h1 style="font-family:verdana;">一个标题</h1>
HTML 字体, 字体颜色 ，字体大小
<p style="font-family:arial;color:red;font-size:20px;">一个段落。</p>

<div id="menu" style="background-color:#FFD700;height:200px;width:100px;float:left;">

HTML 文本对齐方式
<h1 style="text-align:center;">居中对齐的标题</h1>

HTML 内部样式表
<head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>

HTML 外部样式表
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

HTML 链接
<a href="https://www.baidu.com">这是一个链接</a>

HTML 链接 - target 属性
<a href="https://www.baidu.com/" target="_blank" rel="noopener noreferrer">访问菜鸟教程!</a>

HTML 图像
<img loading="lazy" src="/images/logo.png" width="258" height="39" />
<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228">
<img src="https://www.baidu.com/images/pulpit.jpg" alt="Pulpit rock" width="304" height="228">

HTML 图像标签
<img>   定义图像
<map>   定义图像地图
<area>  定义图像地图中的可点击区域


HTML 文本格式化标签
<b>     定义粗体文本
<em>    定义着重文字
<i>     定义斜体字
<small>     定义小号字
<strong>    定义加重语气
<sub>   定义下标字
<sup>   定义上标字
<ins>   定义插入字
<del>   定义删除字

HTML "计算机输出" 标签
<code>  定义计算机代码
<kbd>   定义键盘码
<samp>  定义计算机代码样本
<var>   定义变量
<pre>   定义预格式文本

HTML 引文, 引用, 及标签定义
<abbr>  定义缩写
<address>   定义地址
<bdo>   定义文字方向
<blockquote>    定义长的引用
<q>     定义短的引用语
<cite>  定义引用、引证
<dfn>   定义一个定义项目