HTML

标记语言

---

1.HTML的基本语法：

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

2.格式化标签

• 
  
• <p>...</p>
• <center>...</center>
• <pre></pre>
• <ul> </ul>
• <ol> </ol>
• <li> </li>
• <ht/>
• <dl> <ut> <dd>自定义列表

3.文本标签：

• <h1> ... <h6>
• <b> <i> <u>
• <font size="" color="" face=""> </font>
• <sup> <sub> //上标、下标
• <strong> </strong>//加粗显示字体，强调作用
  .
  .
  .

4.图片标签：

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

5.超级链接：

• <a href="网址"></a>
  属性：href:链接的地址
     target:跳转方式（_blank新窗口，_self当前窗口、默认方式，_top上一窗口，_parent父窗口，自定义窗口名）
  链接可以分为
     站内链接：<a href="a.html">...</a>
     站外链接：<a href="http://www.*.com/a.html" ></a>
     mail链接：<a href="mailto:mail地址" ></a>
     锚点链接：<a href="#锚点名" >当前页跳转锚点</a>
        <a href=".html#锚点名" >跨页面跳转锚点</a>
     自定义锚点命：<a name="锚点名">...</a>

6.表格标签：

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

7.表单：

• <form>...</form>表单标签
• <input ... />表单项标签
• <textarea> ... </textarea>表单项标签（多行文本域）
• <select ... > 表单项标签（下拉框）
     <option> ... </option>
  </select>
• 属性介绍：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框架）

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

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