html常用标签大全

2022-11-24 0 212

html中条码有许多,每一类条码都有著相同的功用,上面这首诗给他们归纳html常见的条码,每一类条码单厢追随两个范例,话不多说,让他们来看一看概要。

我的自学沟通交流群点选步入暗语:chan

<font>

手写体条码,用作展现效用中润色文本式样

<font 特性名=”特性值”>文本</font>

size:掌控手写体大小.最轻1 ~ 最小7。 假如增设覆盖范围无此1~7间,增设合宪

color:掌控手写体色调. 采用英语增设(比如:red,blue…)

face:掌控手写体类别。根本无法增设控制系统GB2312中存有的手写体类别

实例:

<body> 西边正午<font color=”green” size=”50″ face=”正体字”>门川</font> </body>

效用:

html常用标签大全

<br/>

HTML源代码中转义,应用程序导出时能手动忽视。

转义条码,用作展现效用中转义

实例:

绝句满江红·一是<br/> 苏轼<br/><br/> 静海县蟹蛛科花水准,闻郎江上踏一曲。<br/> 西边正午门川,道是无晴却有晴。

效用:

html常用标签大全

<p></p>

段落条码,用作展现效用中划分段落。并且手动在段前和段后手动加空白行

align:段落内容的对齐方式

默认是left, 内容居左

Right 右

Center 居中

实例:

<p align=”center”>黄鹤楼送孟浩然之广陵</p> <p >故人西辞黄鹤楼,</p><p align=”right”>烟花三月下扬州。</p> <p>孤帆远影碧空尽,</p><p align=”right”>唯见长江天际流。</p>

效用:

html常用标签大全

<h1></h1>

标题条码,用作展现效用中划分标题

其中<h1>最小,<h6>最轻

实例:

<h1>念奴娇·赤壁怀古</h1> <h2>念奴娇·赤壁怀古</h2> <h3>念奴娇·赤壁怀古</h3> <h4>念奴娇·赤壁怀古</h4> <h5>念奴娇·赤壁怀古</h5> <h6>念奴娇·赤壁怀古</h6>

效用:

html常用标签大全

&nbsp;

HTML源代码中的多个空格,效用中最终会合并成两个。

空格符号,用作展现效用中显示两个空白的位置

实例:

php&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;中文网</br>

php&nbsp;&nbsp;&nbsp;中文网

html常用标签大全

HTML注释

用作注释HTML源代码,无此HTML效用中展现。

根本无法在源代码中看到,页面展现效用中是没有

格式:<!–HTML注释内容 –>

实例:

<!–html条码–>

效用:在HTML效用展现中不会显示,根本无法在源代码中看到

图片条码

<img/>

用作在页面效用中展现一张图片。

src:指明图片的路径。(必有特性)

图片路径的写法:

①内网路径:

绝对路径:文件在硬盘上的具体位置。【不建议采用】

比如:C:\ JavaWeb001_html\img\c_1.jpg

相对路径:从引入者所在目录出发。【建议采用相对路径】

比如:../img/c_1.jpg

../表示上一层目录

./表示当前目录

互联网路径:

必须前面加上http://

比如:http://www.baidu.com/xxx.jpg

width:图片宽度

height:图片的高度

宽度和高度的增设:

默认单位是px,像素。比如:width=”400” 其实增设的是 width=”400px”。固定增设方式

百分比增设。比如:width=”50%”。 是父条码的百分比。 动态改变的。

实例:

<img src=”../c_1.jpg” width=”600″ height=”600″/> <img src=”../c_2.jpg” width=”60%”/>

列表条码

<ul></ul>

无序列表条码,用于在效用中定义两个无序列表

<li></li>

列表条目项条码,用作在效用中定义两个列表的条目

<ol></ol>

有序列表条码,用作在效用中定义两个有序列表

实例:

<ul> <li>古诗</li> <li>古词</li> <li>诗歌</li> </ul>

效用:

html常用标签大全

实例:

<ol> <li>古诗</li> <li>古词</li> <li>诗歌</li> </ol>

效用:

html常用标签大全

超链接条码

<a></a>

超链接条码,用作在效用中定义两个可以点选跳转的链接

href:超链接跳转的路径 (必有特性)

内网本机路径:相对路径和绝对路径

互联网路径:http://地址

本页:默认跳转到本页

超链接正常工作:①a条码中必须有内容

②a条码必须有href特性

实例:

<a herf=”http://www.baidu.com/”>百度</a> <a herf=”demo html”>demo</a>

注意:

①a条码内容体,不仅仅是文本,也可以是其他内容,比如图片

②a条码的href属性,不仅仅可以链接到html上,也可以链接到其他文件上,比如图片

实例:

<a herf=”demo html”> <img src=”../img/c_1.jpg” /> </a>

实例:

<a herf=”../img/c_1.jpg” />链接到一张图片</a>

表格条码

<table></table>

表格条码,用作在效用中定义两个表格

border:增设表格的边框粗细

width:增设表格的宽度

<tr></tr>

表格的行条码,用作在效用中定义两个表格行

<td></td>

表格的单元格条码,用作在效用中定义两个表格行中的单元格

表格的书写顺序:

步骤1:定义两个表格 <table></table>

步骤2:定义表格中的一行 <tr></tr>

步骤3:在表格一行中定义单元格 <td></td> 内容就可以写在单元格中

实例:

<table> <tr> <td>姓名</td> <td>数学</td> </tr> <tr> <td>A</td> <td>100</td> </tr> </table>

效用:

html常用标签大全

<th></th>

表格的表头单元格条码,用作在效用中定义两个表格行中的表头单元格

<th>和<td>唯一区别:<th>内容 居中加粗

实例:

<table boder=”1px” width=”100%”> <tr> <th>姓名</th> <th>数学</th> </tr> <tr> <td>A</td> <td>100</td> </tr> </table>

效用:

html常用标签大全

单元格合并

<td>或者<th>都有两个单元格合并特性:

colspan:跨列合并单元格

rowspan:跨行合并单元格

合并步骤:

确定合并哪几个单元格,确定是跨列合并还是跨行合并

在第两个出现的单元格上书写 合并单元格特性

合并几个单元格,特性值就书写几

被合并的单元格必须删掉

实例:

<tr> <td conspan=”2″>1</td> <td>3</td> <td>4</td> </tr>

实例:

<tr><td rowspan=”2″>6</td> <td>7</td> <td>8</td> </tr> <tr> <td>12</td> <td>15</td> </tr>

实例:

<tr> <td conspan=”2″ rowspan=”2″>8</td> <td>11</td> </tr> <tr> <td>16</td> </tr>

块条码

<span></span>

行级的块条码,用作在效用中 一行上定义两个块,进行内容显示。

span有多少内容,就会占用多大空间。

Span不会手动换行

适用作少量数据展现

实例:

<span>哈哈哈哈哈</span> <span>呵呵呵呵呵</span>

效用:

html常用标签大全
html常用标签大全

<div></div>

块级的块条码,用作在效用中 定义一块,默认占满一行,进行内容的显示

默认占满一行

会手动转义

适用作大量数据展现

实例:

<div>哈哈哈哈哈</div> <div>呵呵呵呵呵</div>

框架条码

框架条码:<frameset>

<frameset> 条码,是多个窗口页面整合在一起的两个集合(框架集)。每两个页面(框架)都是单独文档,需要采用子条码<frame>来确定页面的位置。<frameset>通过列和行来确定整体布局,采用cols确定列数,采用rows确定行数。多个<frameset>可以嵌套采用。

<frameset>和<body>两个不能共存。

rows特性和cols特性取值:值1,值2,值3,….. 两个值表示一行(列),多值采用逗号分隔,值可以是 10px、10% 等,最后两个值假如不想计算可以采用*匹配剩余量。

框架子条码:<frame>

<frame>条码,用作增设<frameset>框架集中的两个页面(框架)。

src特性:确定页面的路径

noresize特性:框架分隔先不能移动

target特性:确定需要显示的页面在何处显示

以上就是HTML有哪些条码?html常见条码六本的详细内容

希望能帮助到他们,更多前端知识,加入我的官方群点选此处

html常用标签大全
上一篇: HTML入门速成
html常用标签大全
下一篇: HTML基础

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务