学习HTML成长记 3

文本格式标签

1.斜体字标签

用于将其首尾标签之间的文本内容显示为斜体字型效果。


<html>
<head>
<meta charset="utf-8">
<title>斜体字体的简单应用title>
head>
<body>
<h3>斜体字标签的简单用法h3>
<hr>
我是非斜体字
<br>
<i>我是斜体字i>
body>
html>

2.粗体字标签

粗体字标签均可以将首尾标签之间的文本内容显示为粗体字型效果。区别在于使用标签的文本内容被认为是重要的内容

<DOCTYPE html>
<html>
<head>
<title>粗体字标签的简单应用title>
head>
<body>
<h3>粗体字标签的用法h3>
<hr>
我是非粗体字
<br/>
<br/>
<b>我是粗体字(使用了b标签)b>
<br/>
<br/>
<strong>使用了strong标签strong>
body>
<html>

3.上标标签和下标标签

之间显示的是上标的样式; 之间显示的是下标的样式。

<DOPCTYPE html>
<html>
<head>
<title>上标与下标标签的简单应用title>
head>
<body>

<h3>上标标签与下标标签的简单应用h3>
<hr/>
上标标签的用法;2<sup>10sup>=1024<br/><br/>
下标标签的用法;二氧化碳的缩写为CO<sub>2sub>
body>
<html>

4.修订标签的简单应用

<DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>修订标签的简单应用title>
head>
<body>

<h3>修订标签的用法h3>
<hr/>
删除线标签&IT;del>的用法;<del>错误的内容del>
<br/>
<br/>
下画线标签&IT;ins>的用法;<ins>正确内容ins>
<br/>
<br/>
修订标签配合使用;圆周率=<del>3.9del><ins>3.1415926ins>
<hr/>
body>
html>

这个呢需要自己打出来去看一下效果,效果图我就不在这里展示了

5.预格式化标签

预格式化标签

可以将所标记的文本内容在显示时
保留换行与空格的排版效果。在没有使用标签的普通情况下,浏览器将多次使用回车键形成的换行默认为一次换行,并且把多次空格键形成的连续空格默认为单个空格,在段落开头的连续空格甚至会被忽略。当需要多次使用
 符号分别进行换行和空格时,可以考虑使用此标签提高效率。

<DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>预格式化的简单应用title>
head>
<body>

<h3>预格式化标签的用法h3>
<hr/>
<pre>
易烊千玺
真

帅
我看下效果
这里我其实
没太懂
只能一会
看效果
pre>
body>
html>

这个的意思是可以随便使用回车?好像不错子

学习HTML成长记 3_第1张图片

你可能感兴趣的:(笔记,学习,web,html,html5)