打开DREAMWEAVER，新建HTML，页面上有几句代码

<html>开始标签

<head>网页上的控制信息

<title>页面标题</title>

</head>

<body>

页面显示的内容

</body>

</html>结束标签

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>--------

重要性依次减小

若前后有其他，执行前后换行，并且空开一行

受限于默认文字大小，默认文字大小在h3和h4中间

<p></p>              段落标签（段落之间空行）---------前后若有其他，执行前后换行并且空开一行，保证自身是一个整体。

<div></div>           层标签（默认占用一行）

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

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

-----------

  1. 自动换行
  2. 自带序号
  3. 前后若有其他，执行前后换行并且空开一行，保证自身是一个整体

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

    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”   合并同一列单元格（从第二行开始减去相对应的列）

0808HTML的更多相关文章

随机推荐

  1. 黑马程序员——JAVA基础之System,Runtime,Date,Calendar,Math

    ------- android培训.java培训.期待与您交流! ---------- System:  类中的方法和属性都是静态的. out:  标准输出,默认是控制台. in:标准输入,默认是键盘 ...

  2. 黑马程序员——JAVA基础之泛型和通配符

    ------- android培训.java培训.期待与您交流! ---------- 泛型:            JDK1.5版本以后出现新特性.用于解决安全问题,是一个类型安全机制. 泛型好处: ...

  3. java linux book

    calvin1978.blogcn.com/articles/javabookshelf.html

  4. A quest for the full InnoDB status

    When running InnoDB you are able to dig into the engine internals, look at various gauges and counte ...

  5. OpenJudge计算概论-求平均年龄

    /*============================================== 求平均年龄 总时间限制: 1000ms 内存限制: 65536kB 描述 班上有学生若干名,给出每名学 ...

  6. 微软发布了ASP.NET WebHooks预览版

    微软 近期发布了ASP.NET WebHooks的预览版 ,这是一个可用于创建及使用Webhook功能的库.WebHooks支持MVC 5及WebApi 2. Webhook是一种通过HTTP实现用户 ...

  7. 【转】 CSS3阴影 box-shadow的使用和技巧总结

    text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果.随着html5和CSS3的普及,这一特殊效果使用越来越普遍. 基本语法是{box-shadow:[inset ...

  8. Kettle合并记录步骤

    转载: http://blog.itpub.net/post/37422/464323 该步骤用于将两个不同来源的数据合并,这两个来源的数据分别为旧数据和新数据,该步骤将旧数据和新数据按照指定的关键字 ...

  9. ExtJs学习之Window

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...

  10. java file的一些方法

    file包下的一些方法:       File file = new File("d:\\", "tea.txt");         //文件名        ...