HTML 基础标签

第一章 HTML页面与基础标记

html（双）   开始与结束
head（双）   文件头部
title（双）  文件标题
body（双）   文件内容
    backgrount="网页背景"

a（双）      超链接
    href="链接地址"
        "绝对URL超链接  相对URL超链接"

hn     标题标签

pre（双）    预排版标签

p（双）      段落标签
    align="对齐属性"
        "left(左对齐) center(居中) right(右对齐)" 
br     换行

font（双）   字体标签
    face="字体"
        "正楷 宋体 楷书 隶书"
    size="字号"
        "1——7(默认3号，+2：相对字号. 默认+2 .4:绝对字号)"
    clor="字体颜色"
        "black(黑色) white(白色) yellow(黄色) red(红色) greeen(绿色) blue(蓝色)"

物理风格标签

b（双）      加粗
i（双）      倾斜
u（双）      下划线
s（双）      删除线

逻辑风格标签

strong（双） 强调
smail（双）  较小
big（双）    较大
sup（双）    上标
sub（双）    下标

hr     水平线标签
    align="对齐属性"
        "left(左对齐) center(居中) right(右对齐)"
    size="水平线粗细"
        "默认2px"
    width="宽度"
        "单位：px 像素 百分比"
    color=="颜色"
        "black(黑) white(白) red(红) yellow(黄) green(绿) blue(蓝)"
marquee（双）滚动字幕标签
    direction="滚动方向"
        "left(向左) right(向右) up(向上) down(向下)"
    behavior="滚动方式"
        "scroll(重复滚动) slide(滚动一次) alternate(交替连续滚动)"
    width="宽度"
    height="高度"
    bgcolor="滚动背景"
    hspace="左边框"
    vspace="右边框"
    scrollamount="滚动距离"
    scrolldelay="滚动延迟时间"
    loop="滚动次数"
        "默认-1，持续滚动"
img    图像标签
    src="图片所在路径"
        "相对路径  绝对路径"
    width="图片宽度"
    height="高度"
    alt="图片提示"
    border="图片边框"
    align="对齐属性"
        middle="中央对齐"
        bottom="底部对齐"
        top="顶部对齐"
        left="左边对齐"
        right="右边对齐"

ol（双）     有序列表标签
    type="编号属性"
        " a(小写字母) A(大写字母) i(小写罗马) I(大写罗马) 1(默认，阿拉伯数字) "

li     例

ul（双）     无序列表标签
    type="编号属性"
        "square(方形) dis(圆圈) circle(点)"
li    例

第二章 HTML表格

table（双）     表示一个表格
tr（双）        单独一行
td（双）        表示一个单元格
    colspan="横向合并单元格"
    rowspan="纵向合并单元格"
    align="对齐属性"
        table align="center"表格在浏览器水平居中位置
        tr align="center"   行内文本水平居中
        td align="center"   格内文本水平居中
    cellpadding="单元格内填充属性" 格内文字与边框距离
    cellspacing="单元格间间距属性" 每两个单元格之间的距离
    bgcolor="表格背景颜色"
    background="表格背景图片"

第三章 HTML框架布局

frameset（双）     用于划分框架(farme:框架  set:集合)
frame        框架
    cols="22%，*，*" 纵向分割( 川形 )页面 左页22% 中页与右页平分
    rows="22%,*"     横向分割( 三形 )页面 上页22% 其余为下页
分割方式：
    "22%，*，*"：按页面百分比
    "100,200,*"：按页面宽度
    
    "22%,*,*"    第一份22%，余下另两份平分
    "100,200,*"  第一份100，第二份200，余下为第三份
    "*,*,*"      三等分

    src="url链接地址"
    frameborder="边框属性"  
        "0不显示，1显示 "
    name="引用名称"
    scrolling="滚动条属性" 
        "no不显示，yes显示,auto由内容多少决定"
    noresize="noresize"   不可调整框架大小

noframes     用于当浏览器不支持框架时显示文字

    framespacing="框架宽度" 单位像素
    bordercolor="边框颜色"
    target="窗口属性"
窗口属性
    _blank  打开新建窗口
    _self   相同框架中打开目标页
    _parent 在父窗口或包含超链接引用的框架集中显示
    _top    显示在当前浏览器窗口并取消窗口框架

第四章 浮动窗口和多媒体

iframe     浮动窗口标签
    src="链接地址"
    name="框架名称"
    scrolling="滚动条属性"
        " no 不显示  yes 显示  auto 由内容多少决定 "
    frameborder="边框属性"
        " 1 出现  0 不出现 "

fieldset（双）   分组标签
legend     分组标题标签

bgsound    背景音乐标签<音乐只能存放在同一文件夹内>
    src="链接地址"
    loop="循环次数"
        " -1 不断循环  0 循环一次  任意次数"
embed      多媒体标签（使用系统自带的媒体播放器）
    src="链接地址"
    autostart="播放模式"
        " true " 下载完后自动播放        
        " false " 下载完后不自动播放
    hidden="控制面板属性"
        " ture 可以隐藏  false 不可隐藏 "
    loop="循环次数"
        " -1 不断循环  0 循环一次  任意次数 "
    width="宽度"
    height="长度"

img        图片，多媒体标签
    src="图片路径"(图片使用见第一章)
    dynsic="多媒体文件路径"
    loop="循环次数"
    start="播放模式"
        " fileopen "打开网页即播放
        " mouseover "鼠标滑到媒体上时播放
  注：embed与img 区别   使用 embed 时多媒体有控制按钮

第五章 表单与表单控件

form（双）     表单标签
    name="表单名称"
    method="表单提交方法"
        "get 从服务器获取数据，post 向服务器传输数据，传输信息量大安全性高"
    anction="url" 代表表单数据进行处理的目标地址
input（双）    表单控件
    value="文本框中的默认值"

    type="控制类型"
        控制类型：
          text      单行输入
          password  密码
            value代表用户输入值
          busetton     搜索
          submit    提交
          reset     重置
              value代表按钮文本
          radio     单选框
          checkbox  多选框
              value代表右边的文本
    name="文本框名称"
    size="文本框宽度"
    maxlength="最多容纳的字符数"
    readonly="代表控件为只读"

select     下拉式列表框
optin（双）      下拉式列表每一项
    value="内容"
    selected="默认选中"  "selectd"

textarea（双）   多行文本框
    name="文本框名"
rows="文本行数"
cols="文本列术"  即一行字符个数

第六章 css样式定义与应用

css选择器分类
  基本选择器：标记选择器，类别选择器，ID选择器
  复合选择器：并集选择器，交集选择器，后代选择器

<head><style>选择器</style></head>

基本选择器:
标记选择器格式:
s{
       CSS样式属性:样式值;
       }
<s>使用方法</s>

类别选择器格式：(与标记选择器同时出现时运行类别选择器)
.s{
      CSS样式属性:样式值;
       }
<p class="s">使用方法</p>

ID选择器格式：(与标记选择器同时出现时运行ID选择器)
#字符串{
       CSS样式属性:样式值;
       }
<p ID="字符串">使用方法</p>

复合选择器:
交集选择器：
p{
       CSS样式属性:样式值;
       }

p.s1{
       CSS样式属性:样式值;
       }
<p class="s1">使用方法:字符串1 在 p 中出现时运行</p>

并集选择器:
并列的，属性相同的
p1,.q2,#s3{
       CSS样式属性:样式值;
       }
<字符串>使用方法</字符串>

后代选择器:
p{
       CSS样式属性:样式值;
       }

p p1{
       CSS样式属性:样式值;
       }
<p>使<p1>用方</p1>法</p>

CSS样式表的常用样式属性：
  文本属性：
       font-size:字体大小;
       font-weight:字体加粗;100-900
       font-family:字体名称;
       font-style:字体样式; oblique 斜体
       color:文字颜色;
       text-align:字体位置; center left right
       text-decoration:下划线属性;  none 无下划线 underline 下划线  overline 上划线

  背景样式属性：
           background-color:背景属性;
       background-image:背景图片;
       background-repaet:图片平铺属性;
       background-position:图片位置属性(坐标);

  超链接样式属性：(使用文本属性)
       a:link{CSS样式属性:样式值;}正常状态下的链接样式
       a:hover{CSS样式属性:样式值;}鼠标滑入链接时的样式
       a:active{CSS样式属性:样式值;}按下链接不松开时的样式(激活状态)
       a:visited{CSS样式属性:样式值;}访问过的链接样式
  CSS 跑马灯属性：(鼠标移上停，移走动)
       <marquee οnmοuseοver="thise.stop();" οnmοuseοut="thise.start();"></marqee>