打开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. ipconfig /flushdns 解释

    当我们一域名的形式访问过目标网站后,该网站的域名和IP地址对应关系就会自动保存到本地工作站的DNS缓存列表中,如果以后再次访问该域名,浏览器就会先访问DNS缓存列表中的信息.但是,如果被访问网站的域名 ...

  2. LeetCode(228) Summary Ranges

    Given a sorted integer array without duplicates, return the summary of its ranges. For example, give ...

  3. caffe: compile error: Could not open or find file your path~~/resized_data/0 and a total of 2 images .

    I0219 14:48:40.965386 31108 net.cpp:76] Memory required for data: 0I0219 14:48:40.965517 31108 layer ...

  4. HTTPS-SSL/TSL与SNI的关系以及同IP多域名虚拟主机的SSL/TSL认证

    早期的SSLv2根据经典的公钥基础设施PKI(Public Key Infrastructure)设计,它默认认为:一台服务器(或者说一个IP)只会提供一个服务,所以在SSL握手时,服务器端可以确信客 ...

  5. Linux下PHP+MySQL+CoreSeek中文检索引擎配置

    说明: 操作系统:CentOS 5.X 服务器IP地址:192.168.21.127 Web环境:Nginx+PHP+MySQL 站点根目录:/usr/local/nginx/html 目的:安装co ...

  6. socket、webService、RMI ?

    网络七层协议为:物理层.数据链路层.网络层.传输层.会话层.表示层.应用层 webService > RMI > socket RMI比socket更高一点 socket 只是 java在 ...

  7. 最大化 AIX 上的 Java 性能，第 1 部分: 基础

    http://www.ibm.com/developerworks/cn/aix/library/es-Javaperf/es-Javaperf1.html 最大化 AIX 上的 Java 性能,第 ...

  8. Python字典笔记

    1.字典是Python中=唯一的映射类型.映射类型对象里哈希值(键,key)和只指向的对象(值,value)是一对多的关系,一个字典是可变的,是一个容器类型.字典类型和序列类型(元组,列表)的不同在于 ...

  9. 20150914 异常语句 math的方法 去空格 索引

    异常语句 int cuo = 0; Console.WriteLine("请输入:"); string s = Console.ReadLine(); try { DateTime ...

  10. js键盘事件全面控制

    js键盘事件全面控制 主要分四个部分第一部分:浏览器的按键事件第二部分:兼容浏览器第三部分:代码实现和优化第四部分:总结 第一部分:浏览器的按键事件 用js实现键盘记录,要关注浏览器的三种按键事件类型 ...