• html知识2


    1.超链接

      语法:<a href "" target="打开方式" name="页面锚点名称">链接文字或者图片</a>

      属性:

        href属性:

          作用:链接的地址,可以是网页、视频、图片、音乐

        target属性:

          1)作用:定义超链接的打开方式

          2)属性值:_blank:在一个新窗口中打开链接

                 _self:在当前窗口中打开链接

                 _parent:在父窗口中打开

                   _top:在顶层窗口中打开

        mane属性:指定页面的锚点名称

    2.图片超链接:在原来文字的位置放上图片<img scr=“图片地址”>

    3.表格的基本结构:

      <table>标记:

        属性:1)width、height、border

             2)align(表格的显示位置):left、right、center

           3)cellspacing(单元格之间的间距)

           4)cellpadding(单元格内容与单元格边框的显示距离)

           5)frame(控制表格边框最外层的四条线框):

              viod(无)、box(四周)、border(四周)

              above(顶)、below(底)、lhs(左)、rhs(右)

              hside(顶+底)、vside(左+右)

           6)rules(控制是否显示单元格之间的分割线):

              all(所有)、none(无)、rows(行)、cols(列)、groups(行组和列组之间)

      <caption>标记:表格标题

        位置:<table>之后,<tr>之前

        属性:1)align(标题位置):top、bottom、left、right

      <tr>标记:表格的一行

        属性:1)bgcolor(背景颜色)

           2)align(垂直方向对齐方式):top、bottom、middle

           3)valign(水平方向对齐方式):left、right、center

      <td>和<th>标记:单元格标记,<th>是表头标记会被默认加粗,<td>是数据标记

        属性:1)bgcolor(背景颜色)

           2)align(垂直方向对齐方式)、valign(水平方向对齐方式)

           3)width、height

           4)rowspan(单元格所占行数)、colspan(单元格所占列数)

    4.取消表格与四周的空隙:

      <body topmargin="0">(同理还有bottommargin、leftmargin、rightmargin)

    5.框架结构(将浏览器划分成不同的部分,每一部分加载不同的网页)

        格式:<frameset>

              <frame/>单标记

              <frame/>

          </frameset>

        属性:1)cols:使用像素数和%分割左右窗口,"*"表示剩余部分

                "*,*":表示框架平均分成两个

                "*,*,*":表示框架平均分成三个

           2)rows:使用像素数和%分割左右窗口,"*"表示剩余部分

           3)frameborder:指定是否显示边框,0不显示,1显示

           4)border:设置边框大小

  • 相关阅读:
    vue+antDesign 多个select下拉组件实现已选择项不可用(置灰)
    antd + vue 点击编辑文本切换成可编辑状态(附下拉框)
    antDesign的table组件设置行列样式
    jQuery 效果之显示隐藏
    jQuery 样式操作
    jQuery对象筛选选择器
    jQuery 和DOM对象互相转化方法
    JQuery-01-1
    常见网页特效
    WebApl-javescript-动画函数
  • 原文地址:https://www.cnblogs.com/syyy/p/5838584.html
Copyright © 2020-2023  润新知