二、HTML基础之文字与段落

来源：互联网发布：二叉树的遍历算法编辑：程序博客网时间：2024/06/05 17:04

2.1 标题文字的建立

2.1.1 标题文字标记

标题文字共包含6种标记，分别表示6个级别的标题，1-6级依次减小。

语法：<h1>......</h1>

说明：一级最大

2.1.2 标题文字的对齐方式——align

默认情况是左对齐

语法：align=对齐方式

说明：align属性需要设置在标题标记的后面，即<h1 align=left>.....</h1>，对齐方式center、left、right

2.2 文字格式标记

2.2.1 文字字体——face

语法：应用字体的文字

说明：face属性的值可以有多个，字体除系统默认的外，用户自定义的字体需要下载后才可以使用。

2.2.2 字号——size

语法：

说明：文字的字号可以设置为1~7，也可以是+1~+7，或者是-1~7，字号并无固定值，而是相对于默认字号来说

2.2.3 文字颜色——color

语法：

说明：颜色代码为16进制

2.2.4 粗体、斜体、下划线——strong、em、u

语法：粗体的文字

斜体字

带下划线的文字

说明：粗体的效果也可以通过标记来实现，斜体字也可以使用标记或者<cite>表示

2.2.5 上标与下标——sup、sub

语法：.......

......

2.2.6 删除线——strike

从文字中间穿过，有删除的效果

语法:<strike>文字</strike>

或者<s>文字</s>

2.2.7 等宽文字标记——code

常用于英文效果

语法：<code>文字</code>

2.2.8 空格——

语法：

2.2.9 其他特殊符号

此处略去

2.3 段落标记

2.3.1 段落标记——p

语法：段落文字

说明：与其他标记不同的是，段落标记可以没有

2.3.2 取消文字换行标记——nobr

在网页的显示过程中，如果某一行的文字宽度过长，浏览器会对文字自动换行，如果不希望换行，则通过nobr属性来实现

语法:不换行显示的文字

2.3.3 换行标记——br

语法：

说明：这一换行与段落显示不同，段落标记的换行是隔行的，换行标记不隔行。

2.3.4 保留原始排版方式标记——pre

语法：<pre>文字</pre>

说明：在标记之间的文字会保留文档中的空白，按照原始文本格式进行显示。

2.3.5 居中对齐标记——center

语法：<center>文字</center>

2.3.6 向右缩进标记——blockquote

语法：<blockquote>文字</blockquote>

2.4 水平线标记

2.4.1 添加水平线——hr

语法：<hr>

2.4.2 水平线宽度与高度属性——width、height

语法：<hr width=水平线宽度size=水平线高度>

说明：水平线的宽度值可以是确定的像素值，也可以是窗口的百分比。而水平线的高度值则只能是像素数。

2.4.3 水平线的颜色——color

语法：<hr color=”颜色代码”>

2.4.4 水平线的对齐方式——align

语法：<hr align=对齐方式>

说明：对齐方式：left、right、center

2.4.5 去掉水平线阴影——noshade

在默认情况下，水平线是空心带阴影的立体效果。

语法：<hr noshade>

2.5 其他标记

2.5.1 文字标注标记——ruby

在网页中可以通过添加对文字的标注来说明网页中的某段文字

语法：<ruby>

被说明的文字

<rt>

文字的标注

</rt>>

</ruby>

说明：被说明的文字就是网页中需要添加的那段文字，而文字的标注则是真正的说明文字

2.5.2 声明变量标记——var

语法：<var>变量</var>

说明：声明变量的效果是以斜体显示

2.5.3 忽视HTML标签标记——plaintext、xmp

忽视HTML标签注记主要是来使HTML标签失去作用，而直接显示在页面中。

语法：<plaintext>或<xmp>

说明:这两个标记中的任何一个如果加入到HTML中，都会使HTML标记失去作用，一般放置在<body>标记之后

0 0