html 标签

Posted kevin2016

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html 标签相关的知识,希望对你有一定的参考价值。

html

<html>  开始标签

 <head>

网页上的控制信息

<title>页面标题</title>

</head>

<body>

页面显示的内容

</body>

</html>

 

Body 的属性

<body bgcolor=”页面背景色” text=”文字颜色” topmargin=”上页边距” bottomargin=”下页边距” leftmargin=”左页边距” rightmargin=”右页边距” background=”背景壁纸”>  </body>

 

Font 文字格式控制标记  及属性

<font color=”颜色” face=”字体” size=”大小”>  </font>

<b> </b> 字体加粗

<i></i> 字体倾斜

<u></u>加下划线

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

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

<center></center>居中(自动上下换行)

<br><br/> 相当于回车换行

  空格符

 

内容容器标签

<h1></h1>.......<h6></h6>标题格式控制标签

<p> </p>段落标签

<div> </div>层标签(默认占一行)

<span> </span>层标签(默认用多大空间占多大空间)

 

<ol type=”1”> 有序列表,序列号123. 引号中可以更该序列号的形式

<li>内容</li>

<li>内容</li>

</ol>

<ul> <li>内容</li> </ul> 无序列表 用点表示

 

超链接标签

<a href=”超链接的地址” target=”blank”>  超链接的文字  </a>  blank:只在新的窗口打开连接。

 

做锚点标签 1:做锚点标签<a name=””> </a> ;2:做锚点链接<a herf=”目标连接的name的值”> 返回顶端</a>  注意:herf=”# name里的内容”。

图片标签:

<ima scr=”图片地址” alt=””文字 width=””/> 高跟宽设置一个即可,显示图片会按比例缩放。alt在图片无法加载时,显示文字。

 

表格与表单

表格

<table></table>

属性

<table width=”宽度” border=”0” cellpadding=”0” cellspacing=”0” align=”对其方式” bgcolor=”背景色” background=”背景图片”>

 

<tr> </tr>

<tr align=”对其方式” height=”行高” bgcolor=”背景色” background=”背景图”>   行的属性

<td><td>单元格

<td align=”对其方式” height=”单元格高” width=”单元格宽度”  bgcolor=”背景色” background=”背景图”>  单元格属性

 注意:内容必须放在单元格里 ,单元格必须放在行里,行必须放在表格里面 。设置单元格行高列高时 会影响对应的行或列

 

单元格合并 (建议尽量用表格嵌套)

Colspan=”n” 合并同一行单元格(后面写代码要减去相对应的列)

rowspan=”n” 合并同一列单元格(从第二行开始减去对应的列)

 

以上是关于html 标签的主要内容,如果未能解决你的问题,请参考以下文章

html 中span标签里面都能放那些标签??

HTML页面中显示HTML标签代码

HTML Meta标签知多少

html标签中dl dd这个标签有啥作用??

HTML 5标签搭建页面结构--1

前端三件套 HTML+CSS+JS基础知识内容笔记