您现在的位置:首页 >> 前端 >> 内容

html标题、表格等标签的使用学习

时间:2018/3/13 13:58:57 点击:

  核心提示:标题:headtitle标题/title/head设置背景:backgroundstyle=background: url(图片路径);hr分割线href添加连接:a href=连接地址 /a添加图片...

标题:

<head>

<title>标题</title>

</head>

设置背景:background

style="background: url(图片路径);"

<hr>分割线

href添加连接:<a href="连接地址">  </a>

添加图片:img,如:<img src= "图片路径">

字体大小:font-size:

字体颜色:color:如:style = "color:green"

margin-left:到左边界距离

margin-top: 到上边界距离

margin-right: 到右边界距离

margin-bottom: 到下边界距离

<pre></pre>pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

添加背景音乐,打开自动播放,无控制按钮:

<audio controls="controls" hidden="hidden" autoplay="autoplay" loop="loop">

  <source src="bgm/bgm.mp3" type="audio/mpeg" />

</audio>

border 周围边框宽度,如: border = "1";

表格:

<table></table>用于定义表格

bgcolor="颜色"表格背景颜色

cellspacing 设置单元格与单元格之间的空白距离

cellpadding 设置单元格内容与单元格边框之间的空白间距

border 设置表格边框

width 设置表格宽度

height 设置表格高度

align对齐方式 left中对齐,center中对齐,right右对齐

<tr></tr>用于定义表格中的一行,必须嵌套在<table></table>标记中。

<td></td>用于定义表格中的单元格,嵌套在<tr></tr>中.

<th></th>为表头

valign垂直对齐方式top,middle,bottom

colspan 设置单元格横跨的列数(用于合并水平方向的单元格)

rowspan 设置单元格竖跨的行数(用于合并竖直方向的单元格)

Tags:HT TM ML L标 
作者:网络 来源:zbspy_ZJF的
  • 上一篇:前端代码实现简易弹出框
  • 下一篇:没有了