一、body的属性

<body  bgcolor  页面背景色

background 背景壁纸、图片

text文字颜色

topmargin上边距

leftmargin左边距

rightmargin 右边距

bottommargin下边距></body>

二、格式控制标签

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

<b></b>    <strong></strong>       字体加粗

<i></i>   <em></em>          倾斜

<u></u>                下划线

<center></center>      居中

<br>或<br/>            相当于在网页中回车,跟平常enter不一样

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

三、内容容器标签

<h1></h1>  .......

<h6></h6>       标题,会自动换行。HTML标题是通过<h1>到<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>        --在新窗口打开

如回到最顶端:

先把位置定在顶端,命名一个连接:<a name="顶端"></a>

在下面创建一连接:<a href="#顶端">回到最顶端</a>

五、图片标签

<img src="图片地址" alt="文字" width=“” height=“” title=“描述文字” /> 高度跟宽度设置一个即可保持原有比例

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

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

src 是把外面的资源引用过来,是回来;

href 是把自身连接到外面或别的地方,是出去。

六、表格:

<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 body的属性 格式控制标签 内容容器标签 超链接标签 图片标签 表格的更多相关文章

  1. HTML的格式、内容容器、表格标签

    HTML(Hyper Text Markup Language,超文本标记语言)超指的是超链接. <html>    --开始标签 <head> 网页上的控制信息 <ti ...

  2. &lt;q&gt;标签,短文本引用;&lt;blockquote&gt;标签,长文本引用

    <q>标签,短文本引用 <q>引用文本</q>,默认显示双引号,不需要在文本中添加 <blockquote>标签,长文本引用 浏览器对<block ...

  3. 9月5日网页基础知识 通用标签、属性(body属性、路径、格式控制) 通用标签(有序列表、无序列表、常用标签)(补)

    网页基础知识 一.HTML语言 HTML语言翻译汉语为超文本标记语言. 二.网页的分类 1.静态页面:在静态页面中修改网页内容实际上就是修改网页原代码,不能从后台操作,数据来只能来源于原于代码.静态网 ...

  4. html标签,格式控制标签,内容容器标签,超链接标签,图片标签,表格

    打开DREAMWEAVER,新建HTML,如下图: body的属性: bgcolor 页面背景色 background  背景壁纸.图片 text  文字颜色 topmargin  上边距 leftm ...

  5. C++输入输出流格式控制

    来源:http://blog.csdn.net/virtualdesk/article/details/5355793 1.使用控制符控制输出格式 控制符 作用 dec 设置整数的基数为10 hex ...

  6. C++文件操作(输入输出、格式控制、文件打开模式、测试流状态、二进制读写)

    1.向文件写数据 头文件#include <ofstream> ①Create an instance of ofstream(创建ofstream实例) ②Open the file w ...

  7. 22----2013.06.29---HTML--html介绍.超链接和图片,表格,表单,表单标签,meta,复习当天内容

    01 HTML HTML :Hypertext Markup Language   超文本标记语言(类似于 裸奔的人.) 作用:向用户展示信息. CSS: Cascading 层叠样式表(类似于 人的 ...

  8. LinearLayout的gravity属性以及其子元素的layout_gravity何时有效;RelativeLayout如何调整其子元素位置只能用子元素中的属性来控制,用RelativeLayout中的gravity无法控制!!!

    LinearLayout的gravity属性以及其子元素的layout_gravity何时有效:RelativeLayout如何调整其子元素位置只能用子元素中的属性来控制,用RelativeLayou ...

  9. 如何在java注解中加入原生html标签内容

    你是否也遇到过类似的事情.想在java注解加入类似于下面这种注释: 结果出来却变成了这样 ,标签被解析了, 这怎么办呢 : 且看分解 我们在注解中直接放入下边这样的代码: <Response&g ...

随机推荐

  1. 【Java并发编程实战】-----&ldquo;J.U.C&rdquo;:ReentrantReadWriteLock

    ReentrantLock实现了标准的互斥操作,也就是说在某一时刻只有有一个线程持有锁.ReentrantLock采用这种独占的保守锁直接,在一定程度上减低了吞吐量.在这种情况下任何的"读/ ...

  2. EF6 CodeFirst+Repository+Ninject+MVC4+EasyUI实践(完)

    前言 这一篇是本系列的最后一篇,虽然示例讲到这里就停止呢,但对于这些技术的学习远不能停止.虽然本示例讲的比较基础,但是正如我第一篇说到的,这个系列的目的不是说一些高端的架构设计,而是作为一个入门级,对 ...

  3. CC1310电源管脚

    对于48pin脚的CC1310而言,属于电源类的管脚如下: 上述电源类管脚的关系如下: 1 VDDS类管脚 VDDS类管脚包括VDDS.VDDS2.VDDS3和VDDS_DCDC四个管脚.其中VDDS ...

  4. bootbox上的浮层弹出如何加上datepicker

    bootbox和datepicker都是插件,我想要做的需求大致长这样: 我希望使用bootbox弹出的对话框中能弹出一个截止时间的选择框,这个选择框使用datepicker来做. 看了下这个帖子: ...

  5. iOS多线程之NSThread详解

    在iOS中每个进程启动后都会建立一个主线程(UI线程),这个线程是其他线程的父线程.由于iOS中除了主线程,其他子线程是独立于Cocoa Touch的,所以只有主线程可以更新UI界面.iOS多线程的使 ...

  6. python中lambda函数

    1.lambda函数使用如下: lambda语句中,冒号前是参数,可以有多个,用逗号隔开,冒号右侧的是返回值 >>> g=lambda x,y:x*y>>> g(4 ...

  7. 2016 ACM/ICPC Asia Regional Dalian Online 1006 /HDU 5873

    Football Games Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/65536 K (Java/Others)To ...

  8. Package &#39;chkconfig&#39; has no installation candidate

    Chkcofig不再适用于Ubuntu系统,可用类似的软件sysv-rc-conf进行替换: Chkconfig is no longer available in Ubuntu. Chkconfig ...

  9. CSS width:100%和width:auto的区别

    width:100%和width:auto的区别 width:auto比较聪明,如果margin已经左右占去10px的空间,那么width给的值就是580px. <style> div{ ...

  10. qtp与selenium2的区别

    QTP:  我觉得qtp适合的人: 对编程不是很熟悉的 厌烦了手动的功能测试,想快速进入自动化行业的 公司想快速自动化项目,并且对价格或者对盗版无所谓的 vbs脚本语言易于上手,可以培训你对代码的兴趣 ...