zoukankan      html  css  js  c++  java
  • HTML学习笔记2

    5.超链接
    3种超链接:
    1. 连接到其他页面
    2. 锚: (是链接页面)指给超链接起一个名字,作用是连接到本页面或者其他页面的特定位置。使用name属性给超链起名字,本页要加#
    3. 连接到邮件: <a href = "mailto:xugang@itcast.cn">进入我的邮箱
    </a>
    属性:target: 告诉浏览器怎么显示目标页面
    HTML中已定义4个值: _self :在同一个浏览器
    中显示
    _blank:
    打开新的浏览器显示
    _parent:
    在父窗口中显示
    _top: 在
    顶级窗口中显示

    6.表格标记
    table: 表格
    属性:border:边框
    宽度
    height:高度
    align:表格的对齐方式
    cellpadding:单元格内容到边的距离(边是指上下左右的边)
    cellspacing:单元格和单元格之间的距离(边的粗细)
    bgcolor:背景颜色
    background:背景图片
    bordercolorlight:表格的上,左边框,以及单元格的右,下边框
    的颜色
    bordercolordark: 表格的右,下边框,以及单元格上,左的边框
    的颜色
    dir:单元格内容的排列方式 取值:ltr 从左到右, rtl:从右到
    左(right to left),这是一个公共属性,也可以在那个表格中用。
    tr: 行
    属性:dir:
    bgcolor:背景颜色
    td: 单元格
    属性: align: 内容的横向对齐方式
    valign: 内容的纵向对齐方式 top,middle(居中),bottom
    绝对值或者相对值(%)
    height:单元格的高度
    bgcolor:单元格背景颜色

    单元格的合并:
    单元格的属性:
    colspan: 横向合并(colspan = “2”横向合并两个)
    rowspan: 纵向合并( rowspan = “2”纵向合并两个)
    th: 相当于<td> + <b>,是一种加粗的<td>
    属性同<td>
    caption: 表格的标题
    属性:align: 取值:left,center,right,top,bottom
    thead:头
    tbody:身体
    tfoot:脚
    写与不写的区别:
    1. 当表格非常大的时候,如果不写,则必须等表格的内容全部下载完
    成才能显示。但是用tbody标签的话,那么边下载边显示。
    2.如果不写thead,tbody,tfoot那么浏览器解析表格内容的时候是从上到下解析。如果写了,那么表格
    顺序任意,浏览器解析的时候还是按照thead,tbody,tfoot的顺序显示内容

    7.框架标记及<iframe>(多个页面显示在一个浏览器中,一定要删除<body>标记,才能显示)
    框架页面上不允许有body标签
    frameset: 框架的集合
    rows: 纵向分部框架.
    cols: 横向分部框架.
    写法有两种: 1) 绝对值 "200,*" ,*代表剩余的(row ="200,*" 表
    示第一个占200像素,剩下的就是*)
    2) 相对值 "30%,*"
    frame: 框架. 一个框架显示一个页面
    scrolling: 是否需要滚动条。默认是true,关闭用no
    noresize : 固定框架大小。默认的是yes
    bordercolor: 给框架边框起一个颜色
    name : 给框架起一个名字


    内嵌框架: 嵌入在一个页面上的框架.
    iframe:(内嵌框架)
    属性: 宽度
    height: 高度
    scrolling : 是否需要滚动条
    8.表单标记及语义化
    表单的作用就是收集数据。
    <form action = "b.html" method = "post">
    姓名:<input type = "text" name = "" size = "50" maxlength = "5"
    readonly disabled value = "请输入姓名"><br>
    密码:<input type = "password" name = "pass" ><br>
    隐藏框:<input type = "hidden" name = "age" value = 20><br>
    性别:<input type = "radio" name = "sex" checked value = "male" >男
    <input type = "radio" name = "sex" value = "female">女<br>
    国籍:<input type = "radio" name = "country" value = "中国">中国<input
    type = "radio" name = "country" checked value = "美国">美国<input type = "radio" name =
    "country">日本<br>
    爱好:<input type = "checkbox" name = "love" checked value = "足球"> 足

    <input type = "checkbox" name = "love">排球
    <input type = "checkbox" name = "love">篮球<br>
    学历:<select multiple name = "xueli">
    <option value = "daxue">大学</option>
    <option value = "zhongxue">中学</option>

    <option value = "xiaoxue" selected>小学</option>

    </select><br>
    备注: <textarea cols = "20" rows = "5" name = "beizhu">大虾留下你
    的脚印吧</textarea>
    普通按钮:<input type = "button" value = "普通按钮" onclick =
    "alert('哈哈,我来了')">
    提交按钮:<input type = "submit" value = "提交按钮" >
    重置按钮:<input type = "reset" value = "重值按钮">
    图片按钮:<input type = "image" src = "image/1.jpg" width = "30"
    height = "30">
    </form>

    9.多媒体标记
    bgsound: 背景音乐
    embed: 播放多媒体文件.
    marquee: 移动
    属性:direction 移动目标方向 left,right ,up,down ,up,down移动距
    离是固定的200px
    behavior: 行为方式 取值:slide,alternate,scroll
    scrollamount : 移动速度
    loop: 循环多少圈。负值表示无限循环
    scrolldelay: 移动一次休息多长时间。单位是毫秒
    10.头标记
    <html lang="en">表示英文
    <meta>给服务器提供一些信息
    <meta http-equiv=“refresh” content = 2 url = http://www.sohu.com> 每隔两秒刷新一次

  • 相关阅读:
    Number Sequence
    不容易系列之(3)—— LELE的RPG难题
    又见回文
    统计元音
    数列
    regular expression
    野兽男孩
    GameStd
    boost and qt compile.
    kde4 + compiz只有两个桌面的问题
  • 原文地址:https://www.cnblogs.com/ouysq/p/4455350.html
Copyright © 2011-2022 走看看