HTML基础系列（一）--常用标签

最新推荐文章于 2021-07-21 14:55:14 发布

絔离

最新推荐文章于 2021-07-21 14:55:14 发布

阅读量262

点赞数

文章标签： html

本文链接：https://blog.csdn.net/xb_2015/article/details/79975241

版权

HTML( HyperText Markup Language)超文本标记语言，是一种用来描述网页的语言，它不是编程语言，而是一种标记语言。HTML使用各种标记标签来描述网页。

头部区域<head></head>可以添加的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript>,<base>,

还可以插入脚本（script）, 样式文件（CSS），及各种meta信息。
<link> 标签通常用于链接到样式表:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

缩写
<abbr></abbr>如：<abbr title="etcetera">etc.</abbr>
<acronym></acronym>如：<acronym title="World Wide Web">WWW</acronym>
注：当鼠标移至缩略词语上时，title 属性可用于展示表达的完整信息。

文字方向
这段文字从左到右显示。

<bdo dir="rtl">这段文字从右到左显示。</bdo>

注：dir属性用于设置文字方向，"ltr"为从左到右显示，"rtl"为从右到左显示。

块引用

<q></q>

Scientist's goal is to:
<q>Build a future where people live .</q>

We hope they succeed.

显示效果如下：Scientist's goal is to:“Build a future where people live .”We hope they succeed.

删除字效果<del></del>

插入字效果<ins></ins>

My favorite color is <del>blue</del>

<ins>red</ins>!

效果如下：My favorite color is blue red!

文本格式化标签
定义粗体
定义着重文字
定义斜体
定义小号字
定义加重语气
定义下标
定义上标
<pre> 定义预格式化的文本
被包围在 <pre> 标签元素中的文本通常会保留空格和换行符。
<blockquote> 定义摘自另一个源的块引用。
浏览器通常会对 <blockquote> 元素进行缩进。
<cite> 标签定义作品（如书籍、歌曲、电影、绘画、雕塑等）的标题。
通常使用font-family（字体），color（颜色），和font-size（字体大小）属性来定义文本样式，而不是使用标签。

使用 target 属性，可以定义被链接的文档在何处显示；其取"_top"时会跳出框架直接打开链接
<a href="http://www.baidu.com/" target="_blank">百度</a>将会在新窗口打开链接

创建图片链接:
<a href="http://www.runoob.com/html/html-tutorial.html">
<img border="10" src="smiley.gif" alt="HTML 教程" width="32" height="32"></a>

创建邮件链接
<a href="mailto:name@163.com?subject=邮件的主题&body=邮件的内容" rel="nofollow">发送邮件</a>