【小白教程】day04快速掌握HTML基本用法。

HTML 格式化标签

HTML 使用标签 <b>("bold") 与 <i>("italic") 对输出的文本进行格式, 如:粗体 or 斜体

这些HTML标签被称为格式化标签。

通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用。

然而,这些标签的含义是不同的:

<b> 与<i> 定义粗体或斜体文本。

<strong> 或者 <em>意味着你要呈现的文本是重要的,所以要突出显示。现今所有主要浏览器都能渲染各种效果的字体。不过,未来浏览器可能会支持更好的渲染效果。

<strong>这个文本是strong加粗的</strong>

<br />

<big>这个文本字体放大</big>

<br />

<em>这个文本是斜体的</em>

<br />

<i>这个文本是斜体的</i>

<br />

<small>这个文本是缩小的</small>

<br />

这个文本包含
<sub>下标</sub>

<br />

这个文本包含
<sup>上标</sup>
 

HTML 文本格式化标签

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

HTML "计算机输出" 标签

标签 描述
<code> 定义计算机代码
<kbd> 定义键盘码
<samp> 定义计算机代码样本
<var> 定义变量
<pre>

定义预格式文本

在HTML中写地址->


HTML 引文, 引用, 及标签定义

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



定义短的引用语

<p>WWF's goal is to: 
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>
比较对比一下没有引用的。
<p>WWF's goal is to: 
Build a future where people live in harmony with nature.
We hope they succeed.</p>


用<cite>定义长的引用

<img src="img/pic.png" width="220" height="277" alt="pic">
<p><cite>The Picture</cite> by Edward YUE. </p>

用abbr定义缩写

<p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>



使用 display:-webkit-box; 让文本显示为多行(只有-webkit内核才有作用)文本显示为单行,超过部分隐藏并使用省略号

在HTML中改变文字方向。


猜你喜欢

转载自blog.csdn.net/yutong5818/article/details/80715810