界面

网页的界面html由两部分组成：<head>和<body>，<title>放在<head>中

1、以下是<head>部分的解释：

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">……国际标准，可删除
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml">……网页标记，html之后的字可删除，网页的开始
  4.  
  5. <head>……头部：网页的编码方式，样式设定，头部标题
  6.  
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  8.  
  9. <title>标题</title>
  10.  
  11. </head>……头部结束

2、以下是<body>部分：

  1. <body>
  2. 　　网页的内容
  3. </body>
  4. </html>……网页的结尾

<body>又可以插入<font><p><lable><div>等多种元素

操作

路径：../../代表往上翻两个文件夹

标签的每个属性间用空格隔开，等号后加双引号

body里面的属性：

1、background/bgcolor 背景色

2、text 文本颜色

3、topmargin/rightmargin/leftmargin/bottommargin 间隔（单位：像素）

4、hidden把网页的内容隐藏

5、</br>相当于回车键

6、face 字体

7、<b></b>  <i></i>  <u></u>  <strong></strong>  <center></center>（居中）<namespace></namespace>&nbsp(代表一个空格)

8、标题<h1></h1>~<h6></h6>大小不同

9、段落<p></p>

10、有序列表（显示1、2、3、。。。）

  1. <ol start="50"><!--从50这个序号开始-->
  2.   <li>咖啡</li>
  3.   <li>牛奶</li>
  4.   <li>茶</li>
  5. </ol>
  1. 咖啡
  2. 牛奶
  3. 茶

12、无序列表（每列前显示一个黑点）

  1. <h4>一个无序列表：</h4>
  2. <ul>
  3.   <li>咖啡</li>
  4.   <li>茶</li>
  5.   <li>牛奶</li>
  6. </ul>

一个无序列表：

  • 咖啡
  • 茶
  • 牛奶

13、<a>标签中taget的属性：

　　   _parent在父页面打开

_blank在新页面打开

_self在自身页面打开

_top在当前页面打开

14、锚点：

  1. <a href=”#锚点名（自定义，用于寻找锚点要到的位置）”>锚点标题</a><a name=”锚点名（与锚点一致）”>锚点所要到达的位置</a>

15、图片：

<img scr=”” width=”” height=”” name=”起名字（方便寻找）” title="（seo优化）">

表格

tr：行

td：单元格

th：表头（会自动规定格式，一般不用）

  1. <table width="200" border="1" cellspacing="10" cellpadding="10">
  2.           <tr>
  3.              <td>这是一个两行三列的表格</td>
  4.              <td>&nbsp;</td>
  5.              <td>&nbsp;</td>
  6.           </tr>
  7.           <tr>
  8.              <td>&nbsp;</td>
  9.              <td>&nbsp;</td>
  10.           </tr>
  11. </table>

bordercolor：边框颜色

bordercolor dark：外框颜色

bordercolorlight：内框颜色

align的规则：

  • table后的 align是整个表格的对齐方式
  • tr后的align是一行内容的对齐方式
  • td后的align是一个单元格的对齐方式

（valign同上）

td中style可以控制其他各种样式（样式表中再做详述）

·<td colspan="2">&nbsp;</td> 跨了两列的单元格

·<td rowspan="2">&nbsp;</td> 跨了两行的单元格（以最上面的一行为准）

 

1、网页制作Dreamweaver（界面、基本操作、锚点、表格）的更多相关文章

  1. 7、网页制作Dreamweaver（悬浮动态分层导航）

    悬浮动态分层导航的制作: 1.首先在<head>里面引用一个JQUERY的文件以用来制作鼠标点击动画效果(从网站上下载即可) <script language="javas ...

  2. 8、网页制作Dreamweaver（jQuery基础:安装、语法）

    在<网页制作Dreamweaver(悬浮动态分层导航)>中,运用到了jQuery的技术,轻松实现了菜单的下拉.显示.隐藏的效果,不必再用样式表一点点地修改,省去了很多麻烦,那么jQuery ...

  3. 4、网页制作Dreamweaver（样式表CSS）

    样式表style 制作一个风格统一的网页,需要样式表对颜色.字体等属性的规范,同时也省去在body中多次定义的麻烦,所以一个样式表是必不可少的. 样式表有两种引用的方法:一种是直接写在html的< ...

  4. 11、网页制作Dreamweaver（补充：JS零碎知识点&&正则表达式）

    JS知识点 回车符/r和换行符/n的区别:/r 相当于enter,是段落与段落之间的区别, /n 相当于shift+enter,是行与行之间距离,比较小 几种window操作方法: 1.获取当前窗口大 ...

  5. 10、网页制作Dreamweaver（扩展：各浏览器对 onunload 事件的支持与触发条件实现有差异）

    标准参考 在 HTML 4.01 规范中关于 onunload 事件的描述是:当 document 从 window 中移除时,触发 onunload 事件. 关于 HTML 4.01 规范中 onu ...

  6. 5、网页制作Dreamweaver（JS的初步运用）

    JAVASCRIPT *放在头部也可以读取(最先读取头部) 表单提交时会自动刷新网页,最好关掉 写法: 1.输出 <script> document.write("hello w ...

  7. 3、网页制作Dreamweaver（表单form）

    表单form (虚线不显示) 1.写法: <form id="form1" name="form1" method="post" ac ...

  8. 2、网页制作Dreamweaver（图片热点、frameset框架）

    图片热点 1.方法: <img  usemap="名字"> <map name="名字"> <area shape="r ...

  9. 9、网页制作Dreamweaver（jQuery基础:事件）

    事件 定义 即当HTML中发生某些事(点击.鼠标移过等)的时候调用的方法 $(selector).action() 触发 事件的触发有两种方法: 1.直接将事件click写在<javascrip ...

随机推荐

  1. 20145236 《Java程序设计》第7周学习总结

    20145236 <Java程序设计>第7周学习总结 教材学习内容总结 第十三章 时间与日期 认识时间与日期 时间的度量 格林威治标准时间GMT 格林威治标准时间的正午是太阳抵达天空最高点 ...

  2. java.util 类 TreeSet<E>

    java.lang.Object≥ java.util.AbstractCollection<E> ≥ java.util.AbstractSet<E> ≥ java.util ...

  3. 聚类算法：ISODATA算法

    1. 与K-均值算法的比较 –K-均值算法通常适合于分类数目已知的聚类,而ISODATA算法则更加灵活: –从算法角度看, ISODATA算法与K-均值算法相似,聚类中心都是通过样本均值的迭代运算来决 ...

  4. xll

    http://www.aiuxian.com/article/p-2027873.html

  5. 使用tomcat配置文件下载服务器，自定义下载列表

    先上图,利用tomcat,这个下载界面没有代码,点击文件名即可下载 详细参考:http://tomcat.apache.org/tomcat-7.0-doc/default-servlet.html

  6. js基础之动画(一）

    一.让div动起来 var oBtn = document.getElementById('btn1');  var timer='';//设置定时器 oBtn.onclick=function st ...

  7. windows系统常见端口和木马默认使用端口

    dos命令netstat比较好用,能比较全的看到自己开放的端口及状态一般我用netstat -a端口:0服务:Reserved说明:通常用于分析操作系统.这一方法能够工作是因为在一些系统中“0”是无效 ...

  8. DatagridView的CellLeave光标离开响应事件，实现某列数字自动求和

    //光标离开DatagridView,循环获取DatagridView的每一行的第3列的值,相加传给重量 private void dgpz_dataGridView_CellLeave(object ...

  9. 3.精通前端系列技术之深入学习Jquery(一)

    使用Jquery的好处: •简化JS的复杂操作 •不再需要关心兼容性(原生js获取元素样式.事件需要做兼容性) •提供大量实用方法 1.选择网页元素 <!DOCTYPE html PUBLIC ...

  10. 3.2 Git 分支 - 分支的新建与合并

    分支的新建与合并 现在让我们来看一个简单的分支与合并的例子,实际工作中大体也会用到这样的工作流程: 开发某个网站. 为实现某个新的需求,创建一个分支. 在这个分支上开展工作. 假设此时,你突然接到一个 ...