body的属性:

bgcolor                页面背景色

background            背景壁纸、图片

text                    文字颜色

topmargin              上边距

leftmargin               左边距

rightmargin            右边距

bottommargin          下边距

例:

格式控制标签:

<font color="" face="" size=""></font>

分别控制字体的颜色、字体和大小。

<b></b>                     字体加粗

<strong></strong>      字体加粗

<i></i>                       倾斜

<em></em>                倾斜

<u></u>                     下划线

<center></center>       居中

<br>或<br/>                相当于回车

&nbsp;                         表示空格,Ctrl+shift+space

内容容器标签:

<h1></h1>                  标题,会自动换行。HTML标题是

. . .                          通过<h1>到<h6>等标签来定义的。

<h6></h6>

<p></p>                      段落标签(段落之间空行)

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

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

<ol type="1">               有序列表,序号为1,2,3....,引号中可以更改序号的形式

<li>内容<li>

<li>内容<li>

</ol>                          上面的ol改为ul则变为无序号列表

例:

"../"            表示上级目录

"./"             表示当前目录

相对路径:从当前页面开始查找。

绝对路径:从网站的根开始查找。"/",代表网站的根。

超链接标签:

<a href="超链接地址" target="_blank">超链接文字</a>        --在新窗口打开

还可以在当前页找到目录点击目录上的超链接,自动跳转到当页的某一个地方。

示例:

图片标签:

<img src="图片地址" alt="文字" width=“” height=“” title=“描述文字” />

高度跟宽度设置一个即可保持原有比例。

alt在图片无法加载时,显示文字,还可以帮助搜索引擎搜索。

title可以添加图片描述,鼠标放在图片上时可以显示描述。

示例:

表格:

<table></table>表格

width:宽度。可以用像素或百分比表示。 常用960像素。

border:边框,常用值为0。

cellpadding:内容跟边框的距离,常用值为0。

cellspacing:单元格与单元格之间的间距,常用值为0。

algin:对齐方式。

bgcolor:背景色。

background:背景图片。

<tr></tr>行

align:一行内容的水平对齐方式。

valign:一行内容的垂直对齐方式。

height:行高。

bgcolor:背景色。

background:背景图片。

<td></td>单元格

<th></th>表头,单元格的内容自动居中、加粗

align:单元格内容的对齐方式。

valign:单元格的内容的垂直对齐方式。

width:单元格宽度。

height:单元格高度。

bgcolor:背景色。

background:背景图片。

内容必须放在单元格里,单元格必须放在行里,行必须放在表格里。

设置单元格行高、列高时,会同时影响对应的行或列。

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

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

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

表格示例:

html 一般标签 常用标签 表格的更多相关文章

  1. 移动端web开发 尽量哪些标签 常用标签及注意事项

    H5手机移动端WEB开发资源整合 常用的标签及注意事项: https://blog.csdn.net/u012118993/article/details/56023399 移动前端不得不了解的htm ...

  2. (3)HTML常用标签 + 快捷字符

    1.<meta charset="UTF-8">  #定义字符编码 2.<!doctype + 类型> #规定文档类型 3.<!-- 注释 --> ...

  3. HTML基础(一)——一般标签、常用标签和表格

    第一部分  HTML <html>    --开始标签 <head> 网页上的控制信息 <title>页面标题</title> </head> ...

  4. HTML常用标签与表格标签

    超链接标签: <a href="超链接地址" target="_blank">超链接的文字</a> _blank或new是在新网页中打开 ...

  5. html一般标签、常用标签、表格

    body的属性: bgcolor               页面背景色 text                    文字颜色 topmargin            上边距 leftmargi ...

  6. 第二天(就业班) html的引入、html常用标签、实体标签、超链接标签、图片标签、表格、框架标签、表单[申明:来源于网络]

    第二天(就业班) html的引入.html常用标签.实体标签.超链接标签.图片标签.表格.框架标签.表单[申明:来源于网络] 第二天(就业班) html的引入.html常用标签.实体标签.超链接标签. ...

  7. HTML的基本操作学习----常用标签,特殊符号,列表,表格,表单

    什么是HTML 常用标签 标题标签 段落标签 粗体标签+斜体 超链接标签 图片标签 列表标签 无序标签 有序标签 自定义列表 div标签 特殊符号 表格 表单 HTML 什么是 HTML?   HTM ...

  8. html5常用标签table表格布局

    html5常用标签table表格布局 一.总结 一句话总结: 二.html5常用标签table表格布局 用表格显示信息调理清楚,使浏览者一目了然.表格在网页中还有协助布局的作用,可以把文字.图像等组织 ...

  9. 常见过滤器表格整理,Date,time过滤格式表;常用标签表

    一.常用过滤器表 二.date.time过滤器参数表 三.模板常用标签 四.模板标签示例 ①if,for ②url解析标签 ③with缓存标签 ④autoescape的使用 ⑤注释标签(多行注释)一般 ...

随机推荐

  1. cocopods安装与使用

    转自http://www.cnblogs.com/jys509/p/4839803.html Cocoapods安装步骤 1.升级Ruby环境 sudo gem update --system 如果R ...

  2. HTML学习一(入门了解)

    基础部分---------------------------------一:简介HTML 是用来描述网页的一种语言.HTML 指的是超文本标记语言 (Hyper Text Markup Langua ...

  3. FZU 2095 水面高度

    一共六种情况.手算即可. #include<cstdio> #include<cstring> #include<cmath> int T; double a,b, ...

  4. matlab获取向量中出现次数最多的元素

    向量X 1. tabulate(X) 返回一个矩阵:第一列为元素值,第二列为相应元素出现个数,第三列为相应元素个数占所有元素个数百分比 table = tabulate(X); %获取出现次数最多的元 ...

  5. S3C2440 ADC详解

    S3C2440拥有八通道的十位ADC, 最大转换率为2.5MHz A/D转换器时钟下的500KSPS.A/D转换器支持片上采样-保持功能和掉电模式的操作. 八个通道中有四个通道适用于电阻屏的触摸屏触摸 ...

  6. UVa 496 - Simply Subsets

    题目大意:给你两个集合,判断两个集合的关系(不相交.相等.真子集和其他).简单判断就可以了,不过STL的set没有交集.并集等操作有点让人觉得不方便... #include <cstdio> ...

  7. HttpListener 实现web服务端

    1. using System; using System.Collections.Generic; using System.Linq; using System.Text; using Syste ...

  8. UVa 11747 - Heavy Cycle Edges

    题目大意:计算最小生成树有两种算法:一种是kruskal算法,另一种是与之相反的:如果图中存在环,去掉权重最大的边,直到不存在环.输出去掉的那些边. 可以用kruskal算法解决,在判断一条边时如果加 ...

  9. win8.1 64位+oracle11g R2 64位 +powerdesigner破解版 64位+PL/SQL

    安装时搜索了很多帖子,很多就是复制粘贴(完全不需要什么IP,host),有的版本不对,有的版本太老,今天决定贴出自己的处女贴 oracle的安装很简单,不需要说什么了,PL/SQL真是恶心死 orac ...

  10. Nodejs之目录介绍及app.js说明

    nodejs目录说明,app.js简单介绍及如何设置app.js启动项目. 新建的项目结构应该是这样 bin:项目的启动文件,也可以放其他脚本. node_modules:用来存放项目的依赖库. pu ...