首页技术html水平线标签(html水平线hr虚线)

html水平线标签(html水平线hr虚线)

编程之家2026-07-01862次浏览

其实html水平线标签的问题并不复杂，但是又很多的朋友都不太了解html水平线hr虚线，因此呢，今天小编就来为大家分享html水平线标签的一些知识，希望可以帮助到大家，下面我们一起来看看这个问题的分析吧！

html水平线标签(html水平线hr虚线)

如何在网页上画一条水平线

网页中制作一条水平线的HTML代码有以下的方法可以实现：

1.使用html中的border属性来设置一条水平线

<divstyle="width:500px;border:1pxsolidred;"></div><!--复制到html文件中就会是一条红色水平直线，线的颜色、长短、可自己调节-->

2.使用hr标签可以制作一条水平直线

<hr/>

3.使用background-color来制作一条线，和border基本类似

html水平线标签(html水平线hr虚线)

<divstyle="width:500px;height:1px;background-color:red;"></div><!--复制到html文件中就会是一条红色水平直线，线的颜色、长短、可自己调节-->

4.可利用背景图来实现和background-color原理一样

<divstyle="width:500px;height:1px;background:url(背景图的路径)repeat-x;"></div><!--复制到html文件中就会是一条红色水平直线，线的颜色、长短、可自己调节-->

请写出至少20个html标签,并说说各个标签的功能或作用。

Basic tags基本标签

<html></html> Creates an HTML document创建一个HTML文档

<head></head> Sets off the title and other

html水平线标签(html水平线hr虚线)

information that isn't displayed

on the Web page itself设置文档标题以及其他不在WEB网页上显示的信息

<body></body> Sets off the visible portion of

the document设置文档的可见部分

Header tags

标题标签

<title></title> Puts the name of the document

in the title bar将文档的题目放在标题栏中

Body attributes

文档整体属性

<body bgcolor=?> Sets the background color,

using name or hex value设置背景颜色，使用名字或十六进制值

<body text=?> Sets the text color, using

name or hex value设置文本文字颜色，使用名字或十六进制值

<body link=?> Sets the color of links,

using name or hex value设置链接颜色，使用名字或十六进制值

<body vlink=?> Sets the color of followed

links, using name or hex value设置已使用的链接的颜色，使用名字或十六进制值

<body alink=?> Sets the color of links on click设置正在被击中的链接的颜色，使用名字或十六进制值

Text tags

文本标签

<pre></pre> Creates preformatted text创建预格式化文本

<h1></h1> Creates the largest headline创建最大的标题

<h6></h6> Creates the smallest headline创建最小的标题

<b></b> Creates bold text创建黑体字

<i></i> Creates italic text创建斜体字

<tt></tt> Creates teletype, or

typewriter-style text创建打字机风格的字体

<cite></cite> Creates a citation, usually

italic创建一个引用，通常是斜体

<em></em> Emphasizes a word(with italic

or bold)加重一个单词（通常是斜体加黑体）

<strong></strong> Emphasizes a word(with italic

or bold)加重一个单词（通常是斜体加黑体）

<font size=?></font> Sets size of font, from 1 to 7设置字体大小，从 1到 7

<font color=?></font> Sets font color, using name or

hex value设置字体的颜色，使用名字或十六进制值

..........

看参考资料吧很全

HTML主要的标签

网页制作html标签大全

<marquee>...</marquee>普通卷动

<marquee behavior=slide>...</marquee>滑动

<marquee behavior=scroll>...</marquee>预设卷动

<marquee behavior=alternate>...</marquee>来回卷动

<marquee direction=down>...</marquee>向下卷动

<marquee direction=up>...</marquee>向上卷动

<marquee direction=right></marquee>向右卷动

<marquee direction=left></marquee>向左卷动

<marquee loop=2>...</marquee>卷动次数

<marquee width=180>...</marquee>设定宽度

<marquee height=30>...</marquee>设定高度

<marquee bgcolor=FF0000>...</marquee>设定背景颜色

<marquee scrollamount=30>...</marquee>设定卷动距离

<marquee scrolldelay=300>...</marquee>设定卷动时间

<!>字体效果

<h1>...</h1>标题字(最大)

<h6>...</h6>标题字(最小)

<b>...</b>粗体字

<strong>...</strong>粗体字(强调)

<i>...</i>斜体字

<em>...</em>斜体字(强调)

<dfn>...</dfn>斜体字(表示定义)

<u>...</u>底线

<ins>...</ins>底线(表示插入文字)

<strike>...</strike>横线>

<s>...</s>删除线

<del>...</del>删除线(表示删除)

<kbd>...</kbd>键盘文字

<tt>...</tt>打字体

<xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效)

<plaintext>...</plaintext>固定宽度字体(不执行标记符号)

<listing>...</listing>固定宽度小字体

...字体颜色

...最小字体

<font style=font-size:100 px>...无限增大

<!>区断标记

<hr>水平线

<hr size=9>水平线(设定大小)

<hr width=80%>水平线(设定宽度)

<hr color=ff0000>水平线(设定颜色)

<br>(换行)

<nobr>...</nobr>水域(不换行)

<p>...</p>水域(段落)

<center>...</center>置中

<!>连结格式

<base href=地址>(预设好连结路径)

<a href=地址>外部连结

<a href=地址 target=_blank>外部连结(另开新窗口)

<a href=地址 target=_top>外部连结(全窗口连结)

<a href=地址 target=页框名>外部连结(在指定页框连结)

<!>贴图/音乐

<img src=图片地址>贴图

<img src=图片地址 width=180>设定图片宽度

<img src=图片地址 height=30>设定图片高度

<img src=图片地址 alt=提示文字>设定图片提示文字

<img src=图片地址 border=1>设定图片边框

<bgsound src=MID音乐文件地址>背景音乐设定

<!>表格语法

<table aling=left>...</table>表格位置,置左

<table aling=center>...</table>表格位置,置中

<table background=图片路径>...</table>背景图片的URL=就是路径网址

<table border=边框大小>...</table>设定表格边框大小(使用数字)

<table bgcolor=颜色码>...</table>设定表格的背景颜色

<table borderclor=颜色码>...</table>设定表格边框的颜色

<table borderclordark=颜色码>...</table>设定表格暗边框的颜色

<table borderclorlight=颜色码>...</table>设定表格亮边框的颜色

<table cellpadding=参数>...</table>指定内容与网格线之间的间距(使用数字)

<table cellspacing=参数>...</table>指定网格线与网格线之间的距离(使用数字)

<table cols=参数>...</table>指定表格的栏数

<table frame=参数>...</table>设定表格外框线的显示方式

<table width=宽度>...</table>指定表格的宽度大小(使用数字)

<table height=高度>...</table>指定表格的高度大小(使用数字)

<td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字)

<td rowspan=参数>...</td>指定储存格合并列的列数(使用数字)

<!>分割窗口

<frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整

<frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整

<frameset cols="20%,*">分割左右两个框架

<frameset cols="20%,*,20%">分割左中右三个框架

<分割上下两个框架

<frameset rows="20%,*,20%">分割上中下三个框架

<!--...-->批注

<A HREF TARGET>指定超级链接的分割窗口

<A HREF=#锚的名称>指定锚名称的超级链接

<A HREF>指定超级链接

<A NAME=锚的名称>被连结点的名称

<ADDRESS>....</ADDRESS>用来显示电子邮箱地址

<B>粗体字

<BASE TARGET>指定超级链接的分割窗口

<BASEFONT SIZE>更改预设字形大小

<BGSOUND SRC>加入背景音乐

<BIG>显示大字体

<BLINK>闪烁的文字

<BODY TEXT LINK VLINK>设定文字颜色

<BODY>显示本文

<BR>换行

<CAPTION ALIGN>设定表格标题位置

<CAPTION>...</CAPTION>为表格加上标题

<CENTER>向中对齐

<CITE>...<CITE>用于引经据典的文字

<CODE>...</CODE>用于列出一段程序代码

<COMMENT>...</COMMENT>加上批注

<DD>设定定义列表的项目解说

<DFN>...</DFN>显示"定义"文字

<DIR>...</DIR>列表文字卷标

<DL>...</DL>设定定义列表的卷标

<DT>设定定义列表的项目

<EM>强调之用

<FONT FACE>任意指定所用的字形

<FONT SIZE>设定字体大小

<FORM ACTION>设定户动式窗体的处理方式

<FORM METHOD>设定户动式窗体之资料传送方式

<FRAME MARGINHEIGHT>设定窗口的上下边界

<FRAME MARGINWIDTH>设定窗口的左右边界

<FRAME NAME>为分割窗口命名

<FRAME NORESIZE>锁住分割窗口的大小

<FRAME SCROLLING>设定分割窗口的滚动条

<FRAME SRC>将HTML文件加入窗口

<FRAMESET COLS>将窗口分割成左右的子窗口

<FRAMESET ROWS>将窗口分割成上下的子窗口

<FRAMESET>...</FRAMESET>划分分割窗口

<H1>~<H6>设定文字大小

<HEAD>标示文件信息

<HR>加上分网格线

<HTML>文件的开始与结束

<I>斜体字

<IMG ALIGN>调整图形影像的位置

<IMG ALT>为你的图形影像加注

<IMG DYNSRC LOOP>加入影片

<IMG HEIGHT WIDTH>插入图片并预设图形大小

关于html水平线标签和html水平线hr虚线的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。

dedecms插件app(苹果cms插件下载)scrollheight什么意思(scrollTop自动滚动)
↑