打开DREAMWEAVER,新建HTML,如下图:

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/>      相当于回车

         表示空格,Ctrl+shift+space

格式控制标签使用示例:

内容容器标签:

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

       通过<h1>到<h6>等标签来定义的。(重要性依次减小,即字   体也会变小。H1-h6中受限于现在所限字体的大小;默认前后若有其他执行前后换行,并且空开一行,保证自身是一个整体) 

 . . . 

<h6></h6>

<p></p>       段落标签(段落之间空行)(默认前后若有其他执行前后换行,并且空开一行,保证自身是一个整体)

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

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

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

  <li>内容<li>(自带序号;自动换行;默认前后若有其他执行前后换行,并且空开一  行,保证自身是一个整体)

  <li>内容<li>

</ol>         上面的ol改为ul则变为无序号列表(ul不自带序号,另外两条和ol一样)

示例:

"../"      表示上级目录

"./"       表示当前目录

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

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

超链接标签:

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

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

a标签:返回顶端:最下面要写的内容:<a href=”#ding”返回顶端</a>;另外还要在最上面也就是要回到顶端位置的地方写入:<a name=”ding”></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. 10-2 body标签中相关的标签(字体标签,排版标签(div,span),超链接,图片标签)

    一 排版标签(div,span) 1块级标签 <!--div:把标签中的内容作为一个块儿来对待(division).必须单独占据一行.--> <!--div标签的属性:--> ...

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

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

  3. 前端基础-html 字体标签,排版标签,超链接,图片标签

    主要内容: 字体标签: h1~h6.<font>.<u>.<b>.<strong><em>.<sup>.<sub> ...

  4. HTML之基本语法(段落标签、标题标签、空格标签、换行标签、图片标签和图片的基本属性)

    一.HTML标签 所谓的HTML的标签就是发明者认为定义好的一些单词,就相当于我们汉语中的字 二.HTML的语法 语法就是用来定义这些“字”应该如何解析或者书写的规则 三.常见标签及基本语法 1.人为 ...

  5. html body的属性 格式控制标签 内容容器标签 超链接标签 图片标签 表格

    一.body的属性 <body  bgcolor  页面背景色 background 背景壁纸.图片 text文字颜色 topmargin上边距 leftmargin左边距 rightmargi ...

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

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

  7. jsp的自定义标签 控制jsp内容显示

    引入方式示例 <%@ taglib prefix="fns" uri="/WEB-INF/tlds/fns.tld" %> tld文件 <?x ...

  8. struts2标签库----控制标签详解

         前面几篇文章我们介绍了有关struts2的基本内容,简单理解了整个框架的运作流程.从本篇开始我们逐渐了解和使用struts2为我们提供的标签库技术,使用这些标签可以大大降低我们表现层的开发难 ...

  9. 前端 HTML body标签相关内容 常用标签 图片标签 <img/>

    图片标签 <img/> 一个网页除了有文字,还会有图片.我们使用<img/>标签在网页中插入图片. <img/> 是单闭合标签 语法:<img src=&qu ...

随机推荐

  1. 关于Linux下进程间使用共享内存和信号量通信的时的编译问题

    今天在编译一个使用信号量实现进程同步时,出现了库函数不存在的问题.如下图 编译结果实际上是说,没include相应的头文件,或是头文件不存在(即系统不支持该库函数) 但我man shm_open是可以 ...

  2. firefox30浏览器,在使用quit()方法退出时,plugin-container.exe崩溃的问题

    如题,崩溃截图如下: 解决办法: 对于版本号大于29的firefox,需要在其安装目录下,删除plugin-container.exe,不然使用webdriver的quit()方法关闭浏览器时会报错. ...

  3. codeforces 459C Pashmak and Buses 解题报告

    题目链接:http://codeforces.com/problemset/problem/459/C 题目意思:有 n 个 students,k 辆 buses.问是否能对 n 个students安 ...

  4. [SVN(ubuntu)] ubuntu使用svn

    转载自:http://lee2013.iteye.com/blog/1058047 SVN作为日常开发中不可缺少的工具,Ubuntu下的SVN安装十分简单,sudo apt-get install s ...

  5. 重命名nginx服务器

    为了防止被黑客扫描到web服务器信息,通过相对应的web服务器信息找出对应的版本漏洞,从而对web服务器进行入侵,nginx虽然功能强大,但是也是软件,软件就可能会有漏洞,例如nginx-0.6.32 ...

  6. 学习hadoop,搭建hadoop遇到一些特殊问题

    我执行下面步骤: 1.  动态增加DataNode节点和TaskTracker节点 以host9为例 在host9上执行: 指定主机名 vi  /etc/hostname 指定主机名到IP地址的映射 ...

  7. 3.Factory Method 工厂方法模式(创建型模式)

    1.定义: 定义一个用于创建对象的接口,让子类决定实例化哪一个类.Factory Method使得一个类的实例化延迟到子类. 2.实现代码如下: /// <summary> /// 工厂方 ...

  8. Diskpart命令安装系统小结

    <diskpart命令安装系统小结> 今天给同学安装系统,win8改win7.同学是预装了win8的联想y480,分区表采用的是GPT格式,捣鼓了半天才知道.GPT格式是新式的分区格式,相 ...

  9. wp8 ListPicker

    如何给selectedindex 绑定SelectedIndex="{Binding User.StationWorkFlag}"  这样写不对嘛 为何提示我 SelectedIn ...

  10. Wcf for wp8 连接数据库,读写数据库,显示数据库数据(二)

    下载: Microsoft® SQL Server® 2012 Express http://www.microsoft.com/zh-cn/download/details.aspx?id=2906 ...