html学习笔记第三天

一.复习
 1.网页如何排版(布局)
  传统方式是通过table进行排版
  现下比较流行xhtml+css布局
 2.布局的核心思想
  (1).分析页面结构图
  (2).选择合适标签来规划内容
  (3).通过css来控制内容的样式
   *布局分析:先总体,后局部
    布局时,可以先输入一些数字或简单的文字说明进行占位

二.html表单标记
 1.定义
  客户端与服务器端进行信息交流的途径
 2.所有的表单元素,都必须要放置在表单标签中<form></form>
   所有的表单元素,以input为例,必须包含type属性和name属性
   有些表单元素的属性是相似的
   还有一些非input元素,作为表单元素
   结构形式:
  <form action="URL" method="GET">
   <input type="" name="" />
   <select name="">下拉框
    <optgroup label="选项">
     <option value="子选项"></option>
    </optgroup>
   </select>
   <textarea rows="3" cols="10">多行文本
   </textarea>
   <fieldset>...</fieldset>定义围绕表单中元素的边框
   <legend>...</legend>为fieldset元素定义标题
  </from>
   *表单数据的处理方式有: POST ,GET
 3.按钮
   重置(reset)
   提交(submit)
   普通(button)
   图片(image)

三.多媒体元素标记
 1.FLASH动画的插入
  (1).<embed></embed>
  属性: src=\'#\'" flash路径
   width="" height="" 
   wmode="transparent" 使flash背景部分透明
  存在问题:某些浏览器存在兼容问题无法打开
  (2).通过Deamweaver生成代码object
 2.滚动字幕
  <Marquee></Marquee>
  属性: direction="滚动方向"
   behavior="滚动方式" sroll(一圈一圈走)  slide(只走一次)  alternate(来回走)
   loop="循环次数""infinite"
   Bgcolor="" width  height
   onmouseover="this.stop()" onmouseout="this.star()" 鼠标事件
   scrollamount="速度"  数值越大速度越快
   scrolldelay="延时"
  *测试参数时,建议先用一个大的参数,再用小的参数

四.html框架
 1.框架制作流程:
  先做主框架文件
  再分别制作被包含文件
  通过框架技术,将被包含文件放入主框架文件中
  若框架中需要操作其他文件,还需制作其他文件
 2.结构形式
  <frameset cols="" border="" bordercolor="">
   <frame src=\'#\'" />    <frame src=\'#\'" />   </frameset>

 3.框架链接
  target默认显示在自身窗口
  如果链接指向的目标是一个框架中的区域,必须要给这个区域起个名称
 4.内嵌框架
  <iframe src=\'#\'" width="" heigth="">
  </iframe>

五.XHTML(始于2000年)
 *定义:是The Extensible HyperText Markup Language的缩写,中文译为可扩展标记语言
 *XHTML 是HTML 向XML过渡的一个桥梁
 *XHTML基于HTML,结构更严密,代码更整洁
 *DOCTYPE
  浏览器跟据DOCTYPE定义的DTD(文档类型定义)来解释页面代码并展现出来.
  所以DOCTYPE声明它是建立标准网页时必不可少的关键组成部分.
 *DTD的三种声明(XHTML1.0) 放在代码的首位置
  *过渡的(Transitional),兼容HTML4.01,推荐使用
  *严格的(Strict)
  *框架的(Frameset)

 动动手: 修改下EditPlus 软件的模版,加上DOCTYPE声明

六.html与xhtml1.0的区别
 *xhtml标签必须被正确的嵌套
 *xhtml标签必须被关闭
 *标签名必须用小写字母
 *属性名必须小写,必有值,值必加引号

本文出自 “一切只为一个家” 博客，谢绝转载！