首页 > 代码库 > HTML-学习笔记(文本格式化,引用,计算机代码)

HTML-学习笔记(文本格式化,引用,计算机代码)

HTML 可定义很多供格式化输出的元素,比如粗体和斜体字。

<b>定义粗体字体

<p>这是一段<b>粗体字体</b>通过标签定义</p>

<big>定义大号字体,相应的<small>定义小号字体

<p>这是一段<big>大号字体</big>通过big标签定义</p>
<p>这是一段<small>小号字体</small>通过small标签定义</p>

<em>定义着重文字 <strong>定义加重语气

<strong>This text is strong</strong>
<em>This text is emphasized</em>

<pre> pre 标签对空行和空格进行控制。通常html中使用空格是没有效果的,但是如果空格包含在<pre>标签中,在文档中就可以保留你想要的空格。

<pre>
这是
预格式文本。
它保留了      空格
和换行。
</pre>

<i>定义斜体字

<sub>定一下标字

<sup>定义上标字

<ins>定义插入文字

<del>定义删除字

HTML中的引用标签

html中的引用标签有两个:短引用<p>和长引用<blockquote>

HTML <q> 元素定义短的引用。
浏览器通常会为 <q> 元素包围引号。

HTML <blockquote> 元素定义被引用的节。
浏览器通常会对 <blockquote> 元素进行缩进处理。

这是长的引用:
<blockquote>
这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。
</blockquote>

这是短的引用:
<q>
这是短的引用。
</q>

<p>
使用 blockquote 元素的话,浏览器会插入换行和外边距,而 q 元素不会有任何特殊的呈现。
</p>

缩写和首字母缩写

<abbr>是缩写标签,<acronym>是首字母缩写

<abbr title="etcetera">etc.</abbr>
<br />
<acronym title="World Wide Web">WWW</acronym>

<p>在某些浏览器中,当您把鼠标移至缩略词语上时,title 可用于展示表达的完整版本。</p>

<p>仅对于 IE 5 中的 acronym 元素有效。</p>

<p>对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。</p>

HTML <kbd> 元素定义键盘输入:

<p>To open a file, select:</p>

<p><kbd>File | Open...</kbd></p>

HTML <samp> 元素定义计算机输出示例:

<samp>
demo.example.com login: Apr 12 09:10:17
Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189
</samp>

今天介绍的标签都是內联元素 也就是在 html的文本中如果你不适用换行标签<br / >或者让他们作为块级元素的

元素内容的话,他们是不会换行的。

HTML-学习笔记(文本格式化,引用,计算机代码)