zoukankan      html  css  js  c++  java
  • html基础之二

    HTML实体

    •   空格
    • &lt; <
    • &gt >
    • &quot “ 引号
    • &copy © 版权
    • &yen ¥
    • &times; ×
    • &divide; ÷
    • &reg; ®

    列表标签

    • ul 双 无序列表 属性 type(disc(默认)/square/circle)
    • li 双 列表项 属性 type 值同上
    • ol 双 有序列表 属性 reversed(降序) type(1/a/A/I) start(值数字)
    • dl 双 定义列表
    • dt 双 列表项目的标题
    • dd 双 列表项目的描述

    文本标签(双)

    • em 强调 表现为斜体
    • strong 强调 表现为加粗
    • cite 用于引证、举例、(标签定义作品(比如书籍、歌曲、电影、电视节目、绘画、雕塑等等)的标题)通常为斜体字
    • dfn 定义项目
      我参加了<dfn>曼哈顿工程</dfn>
    • kbd 键盘按键 请按<kbd>ctrl</kbd>+<kbd>c</kbd>键
    • abbr 定义缩写 配合title
    • bdo 配合 dir属性(ltr, rtl) 改变文字书写方向
    • code 定义代码
    • var 定义变量
    • del 已经删除的 删除线
    • ins 当前的 下划线
    • sup 上标文字
    • sub 下标文字
    • q 引用 短
    • blockquote 引用 长
    • address
      定义地址 通常为斜体 (注意非通讯地址) 块状元素
    • b 加粗 强调
    • i 斜体 科学专业术语
    • u 下划线 定义与其他文本不同风格的文本

    超链接

    URL

    • 统一资源定位符
    • 万维网的每一个文件都有一个URL

    a标签

    • href 值 URL
    • target 新网页从哪个窗口打开 _self / _blank
    • title 提示
    • download 下载 H5自增

    路径

    • 相对路径 ./ ../

    • 如何表示上级目录../表示源文件所在目录的上一级目录,../../表示源文件所在目录的上上级目录,以此类推

    • 绝对路径

    锚点

    • <a name="锚点的名字"></a>

    • 使用超链接 # 跳转到指定锚点

    • <a name="first">first</a>

    • <a href="#first">跳转到first</a>

    • 跳转到顶部<a href="#">跳转到顶部</a>

    图像

    img标签 属性

    • src -- 代表一个图像源(就是图像的位置)
    • alt 图片无法显示时显示的文字
    • title 提示信息
    • border – 代表图片边框的宽度
    • width 图片宽度
    • height 图片高度
    • usemap 将图像定义为客户器端图像映射。

    常见的图片格式

    • jpg/jpeg
    • JPEG -- 支持多种颜色,可以有很高的压缩比,使用了有损压缩,不支持透明,不支持动画效果.
    • gif
    • GIF -- 最多支持256色,支持透明,支持多帧动画显示效果.
    • png
    • PNG -- 是一种新的图片技术,可以表现品质比较高的图片,使用了无损压缩,支持透明,不支持动画.

    图片热点 图片映射

    • map id/name

    • area shape(circle rect poly) href title target ...

    • usemap 将图像定义为客户器端图像映射。
      <map> 标签用于客户端图像映射。图像映射指带有可点击区域的一幅图像。
      <img>中的 usemap 属性可引用 <map> 中的 id 或 name 属性(取决于浏览器),所以我们应同时向 <map> 添加 id 和 name 属性。
      area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。

    • x1,y1,x2,y2 如果 shape 属性设置为 "rect",则该值规定矩形左上角和右下角的坐标。
      x,y,radius 如果 shape 属性设置为 "circ",则该值规定圆心的坐标和半径。
      x1,y1,x2,y2,..,xn,yn 如果 shape 属性设置为 "poly",则该值规定多边形各边的坐标。如果第一个坐标和最后一个坐标不一致,那么为了关闭多边形,浏览器必须添加最后一对坐标。

  • 相关阅读:
    【GruntMate】一个让你更方便使用Grunt的工具
    HTML5小游戏【是男人就下一百层】UI美化版
    【Grunt】关于Grunt可视化的尝试
    在腾讯ubuntu云服务器上面部署asp.net core 2.1网站
    存储过程中执行动态Sql语句
    我的2016年总结
    程序员的成长阶梯和级别定义
    让IE8在win7下面能显示使用window.showmodaldialog弹出窗口的地址状态栏
    更改计算机名称后 导致 sql server 2008 R2 用windows账户不能附加的错误解决办法
    【转】通过js获取系统版本以及浏览器版本
  • 原文地址:https://www.cnblogs.com/yan--li/p/7230936.html
Copyright © 2011-2022 走看看