打开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. POJ-3140 Contestants Division (树)

    题目大意:一棵树,带点权.将这棵树分成两部分,找出使得两部分的点权和的差最小. 题目分析:直接dfs即可.找出每棵子树u的点权和size(u),如果以u和它的父节点之间的边为界,那么两边的点权和分别为 ...

  2. 越狱Season 1- Episode 22: Flight

    Season 1, Episode 22: Flight -Franklin: You know you got a couple of foxes in your henhouse, right? ...

  3. react 不能往组件中传入属性的值为 undefined

    在使用 andt design 的时候遇到个需求,需要清除 Select 组件选中后的值,让它变成什么都没选中,显示 placeholder 刚开始以为设置为 null 即可,结果发现设置为 null ...

  4. 【P1373】奶牛的卧室

    看山神的题解写出来的,sro_dydxh_orz 原题:奶牛们有一个习惯,那就是根据自己的编号选择床号.如果一头奶牛编号是a,并且有0..k-1一共k张床,那么她就会选择a  mod  k号床作为她睡 ...

  5. VMware虚拟机打开不了操作系统的解决方案

    1. 当你的VMware虚拟机出现下面这种情况的时候 解决方案:找到此VM安装的文件夹.在此文件夹下,将名字以“.lck ”结尾的文件夹全部重命名,重命名的名字随意好了.然后再到VMWARE里启动你的 ...

  6. vi基本操作

    vi的基本操作 a) 进入vi 在系统提示符号输入vi及文件名称后,就进入vi全屏幕编辑画面: $ vi myfile 不过有一点要特别注意,就是您进入vi之后,是处于「命令行模式(command m ...

  7. 论文笔记之:Multiple Feature Fusion via Weighted Entropy for Visual Tracking

    Multiple Feature Fusion via Weighted Entropy for Visual Tracking ICCV 2015 本文主要考虑的是一个多特征融合的问题.如何有效的进 ...

  8. (转)8 Tactics to Combat Imbalanced Classes in Your Machine Learning Dataset

    8 Tactics to Combat Imbalanced Classes in Your Machine Learning Dataset by Jason Brownlee on August ...

  9. Data Pump(数据抽取)介绍

    从10g开始,Oracle提供更高效的Data Pump(即expdp/impdp)来进行数据的导入和导出,老的exp/imp还可以用,但已经不建议使用.注意:expdp/impdp和exp/imp之 ...

  10. Unix 入门

    说明:转自以为大神的笔记. 首先,我们一起看看UNIX的目录,因为清楚了目录,才能对UNIX的框架有个大概的印象!当然这里讲的是系统正常运转所必须的,并且一定不能删除或者修改.  / 是系统的根目录: ...