界面

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

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">……国际标准,可删除

<html xmlns="http://www.w3.org/1999/xhtml">……网页标记,html之后的字可删除,网页的开始

<head>……头部:网页的编码方式,样式设定,头部标题

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>标题</title>

</head>……头部结束

2、以下是<body>部分:

<body>
  网页的内容
</body>
</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、。。。)

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

12、无序列表(每列前显示一个黑点)

<h4>一个无序列表:</h4>
<ul>
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ul>

一个无序列表:

  • 咖啡
  • 牛奶

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

     _parent在父页面打开

_blank在新页面打开

_self在自身页面打开

_top在当前页面打开

14、锚点:

<a href=”#锚点名(自定义,用于寻找锚点要到的位置)”>锚点标题</a><a name=”锚点名(与锚点一致)”>锚点所要到达的位置</a>

15、图片:

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

表格

tr:行

td:单元格

th:表头(会自动规定格式,一般不用)

<table width="200" border="1" cellspacing="10" cellpadding="10">
<tr>
<td>这是一个两行三列的表格</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</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. 在唯一密钥属性“name”设置为“ScriptHandlerFactory”时,无法添加类型为“add”的重复集合项

    出错原因:同一根目录下有两个相同的WebConfig文件 解决办法:删除子其中一个webConfig文件. 详细:

  2. c# xml的增删改查操作 xmlDocument 的用法

    1.将xml转换为DataTable string path = "";//xml的位置StringReader sr = null;XmlTextReader xmlReader ...

  3. DOM解析和SAX解析的区别

    DOM解析和SAX解析的区别 博客分类: XML DOM SAX  DOM解析和SAX解析的区别 No 区 别 DOM解析 SAX解析 1 操作 将所有文件读取到内存中形成DOM树,如果文件量过大,则 ...

  4. 【转】理解cookie和session机制

    cookie和session机制之间的区别与联系 具体来说cookie机制采用的是在客户端保持状态的方案.它是在用户端的会话状态的存贮机制,他需要用户打开客户端的cookie支持.cookie的作用就 ...

  5. lucene底层数据结构——底层filter bitset原理,时间序列数据压缩将同一时间数据压缩为一行

    如何联合索引查询? 所以给定查询过滤条件 age=18 的过程就是先从term index找到18在term dictionary的大概位置,然后再从term dictionary里精确地找到18这个 ...

  6. <context:annotation-config> 和 <context:component-scan>的差别

    <context:annotation-config> is used to activate annotations in beans already registered in the ...

  7. 修改weblogic部署的应用名称

    通过weblogic管理后台console进行发布本地项目的时候,它会默认以WEB-INF的上一级目录作为访问路径,如,假如你的项目WEB-INF目录的上一层是WebRoot,那么发布后,访问的路径默 ...

  8. FZU 2093 找兔子 状压DP

    题目链接:找兔子 n的范围是[1, 15],可以用0 到 (1<<n)-1 的数表示全部状态,用dp[i] = t表示到达状态i的最少时间是t,对于每个点,如果它能到达的所有点在t秒时都已 ...

  9. BroadcastReceiver接收系统广播消息

    Android常用的广播Action常量: ACTION_TIME_CHANGED:系统时间被改变. ACTION_DATE_CHANGED:系统日期被改变. ACTION_TIMEZONE_CHAN ...

  10. Adriod—— DVM

    Android 运行环境主要指的虚拟机技术——Dalvik.Android中的所有Java程序都是运行在Dalvik VM上的.Android上的每个程序都有自己的线程,DVM只执行.dex的Dalv ...