常用的HTML标记(一)

常用的HTML标记(一),第1张

1.文本布局

(1)段落标记<p

∠p>…<p>标记指定文档中一个独立的段落通过设置 align属性来控制段落的对齐方式,其值可

以是left center,right justify,分别表示左对齐、居中、右对齐和两端对齐,默认值为左对齐格式如下:

<p align=对齐方式>…<p>

(2)换行标记<br>

<br>标记可以强制文本换行,该标记只有起始标记

(3)水平线标记<hr>

水平线标记<hr>用于在网页中插入一条水平线

2.文字格式

HTML语言中用于文字格式化的标记有:

(1)标题标记<hn>

格式如下:

<hn属性=属性值>标题文字内容</hn>

其中n说明大小级别,取值范围为1~6的数字,把标题分为6级,即h1~h6,h1级文字最大,h6级文

字最小

(2)字体标记<font>

字体标记用来对文字格式进行设置,主要具有以下属性:

①size属性。用于控制文字的大小。格式如下:

<font size=n>…</font>

其中n的取值范围为1~7的数字,默认值为3

注<font>标记和<hn>标记都可以控制文字的大小。一般情况下,文章的标题最好由<hn>

标记控制,而其余的文字由<font>标记控制相比较而言,<font>对字体的控制更加灵活

② color属性。用于控制文字的颜色。格式如下:

<font color=n或英文表示的颜色>…</font>

其中n是一个六位十六进制数。

③face属性。用于指明文字使用的字体。格式如下:

<font face=字体名>…</font>

其中字体名的选择由 Windows *** 作系统安装的字体决定,如宋体、楷体GB2312、 Times New Roman、Arial等

(3)字形标记

字形标记用于设置文字的体、斜体、下划线、上标、下标等

一篇结构清晰的文章通常都有标题和段落,HTML网页也不例外。为了使网页中的文字有条理地显示出来,HTML提供了相应的标记,对它们的具体介绍如下

(1)标题标记<h1>——<h6>

为了使网页更具有语义化,经常会在页面中用到标题标记,HTML提供了6个等级的标题,即<h1>、<h2>.<h3>、<h4>、<h5>和<h6>,从<h1>到<h6>字号依次递减。其基本语法格式如下:

<hn align=”对齐方式”>标题</hn>

上述语法中n的取值为1-6, align属性为可选属性,用于指定标题的对齐方式,用于标题对齐方式,具体实例代码如下:

<h1>1级标题</h1>

<h2>2级标题</h2>

<h3>3级标题</h3>

<h4>4级标题</h4>

<h5>5级标题</h5>

<h6>6级标题</h6>

默认情况下标题文字是加粗左对齐的,并且从<hb>到<h6字号依次递减。如果想让标题文字右对齐或居中对齐,就需要使用align属性设置对齐方式取值如下

●lef: 设置标题文字左对齐(默认值)。

●center: 设置标题文字居中对齐。

●right: 设置标题文字右对齐。

注意:

1)一个页面中只能使用一个<h1>标记,常常被用在网站的logo部分。

2)由于h标记拥有确切的语义,请慎重选择恰当的标记来构建文档结构。禁止仅仅使用h标记设置文字加粗或更改文字的大小。

(2)段落标记<p>

在网页中要把文字有条理地显示出来,离不开段落标记。就如同平常写文章一样,整个网页也可以分为若干段落,而段落的标记就是<P>。默认情况下,文本在段落中会据浏览器窗口的大小自动换行。<p>是HTML文档中最常见的标记,其基本语法格式如下

<p align=”对齐方式">段落文本</p>

上述语法中 align属性为<p>标记的可选属性,和标题标记<h><h6>一样,同样可以使用 align属性设置段落文本的对齐方式。

以下是html的基本格式代码:

<!DOCTYPE html><!--声明文档类型-->

<html><!--html的开始标签-->

<body> <!--body的开始标签-->

</body> <!--body的结束标签-->

<head> <!--head的开始标签-->

<meta charset="utf-8"> <!--网页编码-->

<title></title> <!--标题-->

</head><!--head结束标签-->

</html> <!--html-->


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/6284530.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-19
下一篇 2023-03-19

发表评论

登录后才能评论

评论列表(0条)

保存