HTML文本详解

1.添加段落
p元素是HTML元素最常使用的
创建新段落的步骤:
①输入<p>
②输入新段落内容
③输入</p>
我们要注意的是,每个p元素中间都会自动换行,而且通常都会将p元素包含在article元素中,但不是一定要包含在article这个元素中。


2.指定细则
根据HTML5,samll表示细则一类的旁注(side comment),“通常包括免责声明、注意事项、法律限制、版权信息等。有时我们还可以用它来表示署名,或者满足许可要求。”
amall通常是行内文本中的一小块,而不是包含多个段落或其他元素的大块文本
指定细则的步骤
①输入< small >
②输入免责声明、注解、署名等类型文本
③输入< /small >
注意:一些浏览器会将small包含的文本显示为小字号。不过,一定要在符合内容语境的情况下使用该元素,而不是为了减小字号而使用。

这是段落元素p呈现的字号

这是元素small呈现的字号
<p>这是段落元素p呈现的字号</p>
<small>这是元素small呈现的字号</small>

3.标记重要和强调文本
strong元素表示内容的重要性,而em则表示内容的着重点。根据内容需要,这两个元素既可以单独使用,也可以一起使用。

我是一段重要的文字,这段文字你们的重点有strong元素和em元素同时存在,而“同时”这个词又是这句话的重点

<p>
我是一段重要的文字,这段文字你们的重点
<strong>
有strong元素和em元素
<em>同时</em>
存在,而“同时”这个词又是这句话的重点
</strong>
</p>

4.创建图
暂时不讲,没多大用


5.指明引用或参考
使用cite元素可以指明对某内容源的引用或参考。例如,戏剧、脚本或图书标题,歌曲、电影、照片或雕塑名称,演唱会或者音乐会,规范、报纸或法律文件等。
所谓应用参考,就好像给词语打上了引号,只不过这个引用只是给词语添加样式,不是真正打上引号
cite元素默认以斜体显示


6.引述文本
暂时不讲


7.指定时间
暂时不讲


8.解释缩写词
暂时不讲


9.定义术语
暂时不讲


10.创建上标和下标
①创建上标上标
②创建下标下标
演示:

上标旧的博客下标
<sup>上标</sup>旧的博客<sub>下标</sub>

11.添加作者联系方式
如果要为了一个article提供作者联系信息,就将光标放到该元素内。如果要提供整个页面作者的联系方式,就将光标放到body中。元素样式默认斜体

示例:

欢迎来到旧的博客

代码如下:

 <address>
 欢迎来到<a href="#tjzzlxxx" title="address元素展示">旧的博客</a>
 </address>

12.标注编辑和不在准确的文本
del元素介绍

看我有什么不同了就明白了,还有就是不要当作一个样式去使用他,更应该是根据语义来使用它,这是我一直强调的

<del>
<p>
看我有什么不同了就明白了,还有就是不要当作一个样式去使用他,更应该是根据语义来使用它,这是我一直强调的
</p>       
</del>

ins元素介绍

看我有什么不同了就明白了,还有就是不要当作一个样式去使用他,更应该是根据语义来使用它,这是我一直强调的

<ins>
<p>
看我有什么不同了就明白了,还有就是不要当作一个样式去使用他,更应该是根据语义来使用它,这是我一直强调的
</p>       
</ins>

13.标记代码

欢迎学习HTML入门教程之文本详解

<code><p>欢迎学习HTML入门教程之文本详解</p></code>

14.使用预格式化的文本
就是你编辑器里面是什么格式,它输出就是什么格式


15.突出显示文本

我可以引起你们的注意吗?
<mark>
我可以引起你们的注意吗? 
</mark>

16.创建换行
用br元素是最后的选择,一个是用css


17.创建span
暂不介绍


18.其他元素
其他元素介绍


END

最后修改:2019 年 08 月 10 日 10 : 39 AM
如果觉得我的文章对你有帮助,可以给我来杯卡布其诺

发表评论