HTML中文本格式化标签有哪些

HTML中文本格式化标签有哪些,第1张

今天我们来说说html中的文本格式化标签。这种标签和我们在word当中了解过的一些知识相似。

比如word中有字体加粗,我们文本格式化标签也能做到,只需要使用标签<b>就能实现。斜体文字我们用<i>来表示。

<big>和<small>两个标签和基础标签里的<h1>~<h6>差不多。是字体大小的一个标签。<sub>和<sup>是上标字和下标字。<ins>是插入字,<del>是删除字。

?<em>定义是着重文字,<storng>是加重语气。这两个标签都是为了突出重点的标签。在文本格式化标签里还有一些标签是可以让其他标签代替的。

比如<s>和<strike>标签可以用<del>标签来代替。<u>标签可以用<style>这个标签来代替。所以html中的文本格式化标签基本是用于文字设置方面的,接下来大家可以试验一下。在html中这些都是需要大家掌握的基础,还希望大家进行理解性的记忆,

<HTML>文件宣告 让浏览器知道这是HTML文件

<HEAD>开头 提供文件整体信息

<TITLE>标题 定义文件标题将显示于浏览器顶端

<BODY>主体 设计文件格式及内容所在

排版标记

<!--注解-->说明标记 为文件加上说明但不被显示

<P>段落标记 为字、图、表格等之间留下一空白行

<BR>换行标记 令字、图、表格显示于下一行

<HR>水平线 插入一水平线

<CENTER>居中 令字、图、表格等显示于中间

<PRE>预设格式 令文件按原代码的排列方式显示

<DIV>定位标记 设定字、图、表格等的摆放位置

<NOBR>不换行 令文字不因太长而换行

<WBR>建议换行 预设换行部位

字体标记

<STRONG>加重语气 产生字体加粗Bold的效果

<B>粗体标记 产生字体加粗的效果

<EM>强调标记 字体出现斜体效果

<I>斜体标记 字体出现斜体效果

<TT>等宽字体 Courier字体,字母宽度相同

<U>加下划线 加下划线

<H1>一级标题标记 将字体变大,级数越高越小

<H2>二级标题标记 将字体变大

<H3>三级标题标记 将字体变大

<H4>四级标题标记 将字体变大

<H5>五级标题标记 将字体变大

<H6>六级标题标记 将字体变大

<FONT>字体标记 设定字体、大小、颜色

<BASEFONT>基准字体标记 设定所有字体、大小、颜色

<BIG>字体加大 令字体稍微变大

<SMALL>字体缩小 令字体稍微缩小

<STRIKE>加删除线 为文字加删除线

<CODE>程式码 字体稍微加宽

<KBD>键盘字 字体稍微加宽,单一空白

<SAMP>范例 字体稍为加宽

<VAR>变量 斜体效果

<CITE>斜体标记 斜体效果

<BLOCKQUOTE>向右缩排 文字向右缩排

<DFN>述语定义 斜体效果

<ADDRESS>地址标记 斜体效果

<SUB>下标字 文字下标

<SUP>上标字 文字上标

清单标记

<OL>顺序清单 清单项目将以数字、字母顺序排列

<UL>无序清单 清单项目将以实心圆点作为符号排列

<LI>清单项目 清单中的项目,一个标记一行

<MENU>选项清单 可用type参数指定项目符号

<DIR>目录清单 与<menu>相同

<DL>定义清单 清单分两层出现

<DT>定义条目 清单项标题

<DD>定义内容 清单项内容

表格标记

<TABLE>表格标记 设定该表格的各项参数

<CAPTION>表格标头 位于表格之上或之下

<TR>表格行 设定该表格的行

<TD>表格单元格 设定该表格的单元格

<TH>表格标题 相等于<TD>,但其内文字字体会变粗

表单标记

<FORM>表单标记 决定该表单的运作模式

<TEXTAREA>文字框 提供文字输入栏

<INPUT>输入标记 决定输入形式

<SELECT>选择标记 建立d出卷动清单

<OPTION>选项 每一个清单选项

图形标记

<IMG>图形标记 用来插入图形及设定图形属性

链接标记

<A>链接标记 加入链接

<BASE>基准标记 可将相对URL转绝对及指定链接

框架标记

<FRAMESET>框架设定 设定框架

<FRAME>窗口设定 设定框架中的窗口

<IFRAME>页内框架 于网页中插入框架

<NOFRAMES>不支持框架 设定浏览器不支持框架时的提示

影像地图

<MAP>影像地图名称 设定影像地图名称

<AREA>链接区域 设定各链接区域

多媒体

<BGSOUND>背景声音 令背景播放音乐或声音

<EMBED>多媒体 加入声音、音乐或影像

其他标记

<MARQUEE>走马灯 令文字走动

<BLINK>闪烁文字 令文字闪烁

<ISINDEX>页内寻找器 可输入关键字寻找该页

<META>开头说明 提供关于此页的信息给浏览器

<LINK>关系定义 定义该文件与其他URL的关系

StyleSheet

<STYLE>式样表 控制网页版面

<span>自订标记 独立使用或与样式表一起用

再不懂 就到那些网页设计的网站

都有教程的

<title></title>网页的标题

<boby></boby>构成web的主体

1.background 定义网页的背景图案

2.bgcolor 背景色(默认 白)

3.text 文字颜色(默认 黑)

4.link 超链接颜色(默认 蓝)

5.alink 当前被选中的超链接颜色(默认 红)

6.vlink 已被访问过的超链接颜色(默认 紫)

<font></font>标志符可以控制字符的样式

1.face 设置文字的字体效果

2.color 设置文字颜色

3.size 设置字体大小

<b></b>粗体 <strike></strike>删除线

<big></big>大字体 <sub></sub>下标

<i></i>斜体 <sup></sup>上标

<s></s>删除线 <u></u>下划线

<small></small>小字体

<hn></hn>设置文件中的标题 nj 1~6的数字

<p></p>(paragraph)划分段落

<pre></pre>预格式化标志符

<hr>换行并绘制一条水平线(没有结束标志符)

1.width 水平线长度

2.size 水平线粗细

3.noshade 无阴影

4.align 水平线的对齐方式(left center right)

5.color 水平线颜色

<br>强制换行(没有结束标志符)

<ol>

<li>......</li>

<li>......</li>

.......

</ol>设置有序列表 li可是1.2.3....或a.b.c....或A.B.C...或i.ii.iii.....或I.II.III....

(两个属性:type start)

<ul>

<li>......</li>

<li>......</li>

......

</ul>无序列表 (一个属性:type disc实心圆 circle空心圆 square方框)

<a></a>实现超链接

1.href 定义超链接所指向的文档的URL

2.target 目标窗口

3.name 锚名称 (该属性一般在创建页面内超链接时使用)

<a href="/URL"></a>使用a标志符创建超链接时,可以使用相对路径(同一网站内的文件),也可以使用绝对路径(指向本站点以外的文件)

<a name="锚点名称"></a>

.....

<a href="#锚点名称"></a>创建网面内超链接逻辑上分为两步,首先定义锚点,然后再创建指向锚点的超链接

<a href="mailto:电子邮箱地址"></a>指向电子邮箱的超链接>

<img>插入图像

1.src 设置被引用的图像文件所在的位置

2.alt 设置图像的简单文字说明

3.width,height 设置图像的宽度与高度

4.align 对齐方式(left,right,top,bottom,middle)

5.border 边框宽度

6.hspace ,vspace 定义了图像与周围元素的水平和垂直间距

<map name="图像映射名称">

<area>

<area>

......

</map>

<img src="/"usemap="#图像映射名称"><map></map>定义了图像映射的区域

img通过usemap可以确定与所建立的图像映射区域的关系

area定义图像不同区域与不同文档之间建立链接

1.shape 形状(rect矩形 circle圆 poly多边形)

2.coords 坐标

3.target 目标窗口

4.alt 替换文字

<table>

<caption></caption>

<tr>

<th></th><th></th>......

</tr>

<tr>

<td></td><td></td>......

</tr>

......

</table>table标记符定义表格 caption定义表格标题 tr标记符定义表格的行 th,td标志符定义表格的单元格 th定义表头单元格


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存