美文网首页
html标签二

html标签二

作者: 博行天下 | 来源:发表于2017-03-05 14:44 被阅读0次

    1、自定义列表
    dl dt dd
    2、超链接标签(重要)
    url:统一资源定位符
    格式:http://www.baidu.com:80/index.html?username=xiaopang&password=12345
    1、协议名:http:// ftp:// news://
    2、主机名或者地址:www.baidu.com 10.0.169.10
    3、端口号:端口号取值范围是0-65535,常用的端口号1-1024(这些都被占用) http协议

    默认的端口号是80
    4、要请求的文件
    5、携带的参数,?后面都是携带的参数,参数的形式以键值对的形式给出,多个参数中间使

    用&符号隔开

    href:写要链接的url地址或者本地的一个文件路径
        也可以指定本页面或者其他页面的锚点
        本页面:  #锚点名
        其他页面:文件路径#锚点名
    title:当小手放到标签上面的时候,小手下面显示的文字就是title
    target:
        _blank:在新窗口打开链接
        _self:在当前窗口打开连接(默认属性)
    name(锚点):给锚点起名字
    打开另一个文件的锚点:文件路径#锚点名
    

    3、img标签(单边标记)
    绝对路径(磁盘、站点(了解)、网络)
    相对路径:就是相对自己去查找
    磁盘绝对:C:\wamp64\www\1603\day02\baby.png
    网络绝对:

    http://a.hiphotos.baidu.com/image/pic/item/f9dcd100baa1cd11daf25f19bc12c8fcc3ce2d46.jpg
    站点绝对:/123/baby.png /就是代表当前站点目录
    相对:./baby.png ./意思就是在当前目录下(文件夹下面)去查找, ./可以省略不写
    ../../123/baby.png ../的意思就是上一级目录

    src:图片来源
    width\height:可以自己定制宽度和高度,如果想等比例缩放图片,则只定制一个即可
    title:鼠标放上去显示在鼠标下面的文字
    alt:当图片找不到的时候会显示这个alt设定的文字
    
    图像热区(了解)
    

    4、音频、视频标签(双边标记)
    音频:audio(src\controls\loop\autoplay)
    src:路径
    controls:是否显示控制条
    loop:是否循环播放
    autoplay:是否自动播放
    视频:video(src\controls\loop\autoplay\width\height)
    width:宽度
    height:高度

    5、表格标签
    基本用法
    table(bgcolor\border\bordercolor\cellspacing\cellpadding\width\height\align)
    bgcolor:背景颜色
    border:表格边框
    bordercolor:边框颜色
    cellspacing:单元格间距离
    cellpadding:单元格内容和单元格边框之间的距离
    width:宽度
    height:高度,高度可以不设置,内容会自动撑开高度
    align:对齐方式 left center right

    tr(align\valign\bgcolor)
    align:left   center   right  水平方向对齐方式    (默认left)
    valign:  top   middle   bottom  垂直方向对齐方式 (默认middle)
    【注】如果没有给该表格设置高度,那么设置valign无效,在以后布局页面的时候,一般不使
    

    用valign,只有一种情况使用到,就是图片和文字并排排放的时候,需要设置图片的valign为middle

    th(width\height\align\valign)
    th就是表格的表头,默认为加粗居中显示,用法和td的用法一样,也要包含在tr中
    width:宽度,设置后会影响这一列的宽度
    height:高度,设置后会影响这一行的高度
    align:水平对齐方式   left   center   right
    valign:垂直对齐方式  top   middle  bottom
    
    td(width\height\align\valign\colspan\rowspan)
    width:宽度,设置后会影响这一列的宽度,如果设置了多个,以最大的为准
    height:高度,设置后会影响这一行的高度
    align:水平对齐方式   left   center   right
    valign:垂直对齐方式  top   middle  bottom
    colspan:合并列,需要将同一行的那个td给干掉
    rowspan:合并行,需要将下一行的那个td给干掉
    
    caption:表标题,会随着表格的移动而移动
    

    6、分帧标签
    iframe(width\height\src\name\frameborder\scrolling)
    width:小窗口的宽度
    height:小窗口的高度
    src:小窗口要显示的链接或者文件路径
    frameborder:值为1和0,1代表有边框,0代表没有边框,默认有边框
    scrolling:
    yes:可以滚动,是默认属性
    no:不可以滚动,
    auto:是自动滚动,如果内容大于iframe,可以滚动,如果内容小于iframe,不能

    滚动
    name:给这个小窗口起名字,在a链接的target属性设置为iframe的name,则链接会在iframe

    小窗口中显示

    frameset(cols\rows\border\bordercolor\frameborder\noresize)
    【注】frameset不能写到body里面,写frameset需要将body干掉
    cols:要分为几列帧
    rows:要分为几行帧
    border:边框
    bordercolor:边框颜色
    frameborder:是否显示边框,值为1和0  1代表有   0代表没有   默认为1
    noresize:不可以重新调整帧大小   默认在浏览器是可以调整大小的
    
    frame(src\name\scrolling)
    用来显示每一帧的内容,该标签是单边标签
    src:要显示的文件
    name:就是给该小窗口起名字,用来显示左边导航区域得点击链接,详见9framename.html
    scrolling:是否可以滚动,   yes  no  auto
    
    noframes
    分帧应用1:显示其他页面
    分帧应用2:oa系统模板演示

    相关文章

      网友评论

          本文标题:html标签二

          本文链接:https://www.haomeiwen.com/subject/xpfegttx.html