HTML 小结

HTML

标记语言

---

1.HTML的基本语法：

• 标签的定义、分类(单双标签)
• 标签的属性使用<标签名 属性名1="值" 属性名2="值">被修饰的内容
• 注释:
• 实体：空格用   代替， <用 <代替, >用>代替。

2.格式化标签

• 
  

• ...

• ...

• 自定义列表

3.文本标签：

• ...

• ^{_{//上标、下标}}
• //加粗显示字体，强调作用
  .
  .
  .

4.图片标签：

• 
  属性：scr:引入图片地址
     width/height:宽高
     border:边框
     alt:图片加载失败（过慢）时提示文字
     title:鼠标移动到上面时的提示文字

5.超级链接：

• 
  属性：href:链接的地址
     target:跳转方式（_blank新窗口，_self当前窗口、默认方式，_top上一窗口，_parent父窗口，自定义窗口名）
  链接可以分为
     站内链接：...
     站外链接：
     mail链接：
     锚点链接：当前页跳转锚点
        跨页面跳转锚点
     自定义锚点命：...

6.表格标签：

• 属性：table (width,height,border,bgcolor,cellspacing,cellpadding)
     tr (height,bgcolor,align)
     th\td (height,width,align,valign,colspan,rowspan)

7.表单：

• ...
  表单标签
• 表单项标签
• ... 表单项标签（多行文本域）
• 表单项标签（下拉框）
      ...
  
• 属性介绍：form (action,method="get/post", enctype)
       input (type, name, value, disable, acessKey)
         type的属性的值：
          text:单行文本域
          password:密码
          radio:单选，checked默认选中属性
          checbox:多选，checked默认选中属性
          image:图片提交
          file:文件上传
          button:普通按钮
          hidden:隐藏域
          submit:提交
          reset:重置
       textarea (name, cols, rows)
       select (name, size="1")
       option (value/selected)

8.页面的分帧（HTML框架）

• 框架标签
     属性：rows, cols
• 载入分帧页面标签
     属性：scr, name,scrolling
• 在一个页面内嵌入一个小页面窗口使用
• 页面不支持分帧时使用此标签

CSS样式

• 语法：选择符名{属性:值; 属性:值; 属性:值; ... }
  注释：/*...*/

• CSS在HTML中的使用方式：
  1.内联（行内）
  2.内嵌（内部）在网页的head头部标签中，使用style标签嵌入
  3.外联（外部）在网页的head头部标签中用link标签导入一个css样式文件，还有在css中使用import导入css文件
  优先级：就近原则（当样式冲突时，以最近为主，不冲突则采用叠加效果）
• 选择符的种类：
  1.HTML选择符：使用HTML标签名
  2.类选择符： 在html标签中使用class定义，在css中使用点方式指定
  3.ID选择符： 在html标签中使用id定义(要求唯一)，在css中使用 # 指定
  4.关联选择符(包含式)：选择符1 选择符2 选择符3 ... {...}
  5.组合选择符（并列式）：选择符1，选择符2，选择符3 ... {...}
  6.伪类选择符:使用冒号： 是特有的，如a:link, a:active
• css的常用属性：
  1.字体
  2.文本
  3.背景
  4.边框
  5.鼠标
  6.列表
  7.定位
  8.区块

DIV+CSS布局

div和span标签
盒子模型：border, margin, padding

其他属性：width, height, top, left, position, z-index, display