• html标签


    HTMLCSSJavaScript

    • HTML负责结构
    • CSS负责样式
    • JavaScript负责逻辑

    HTML基础

    • 标签/元素 单标签/双标签
    • 属性
    • 注释
    • 格式

    结构标签

    • DTD声明 <!doctype html>
    • html标签 双
    • head标签 双
    • body标签 双 bgcolor background link alink vlink text

    头部标签

    • title 双 标题
    • meta 单 name/content http-equiv/content charset
      • 字符集编码
      • 页面刷新/跳转
      • 关键字/描述
    • link 单 href/rel

    格式标签

    • br 单 换行
    • hr 单 分隔线 width/size/noshade/align
    • pre 双 原样输出
    • p 双 段落
    • hn 双 标题
    • center 双 居中(不建议)

    HTML实体

    • &nbsp; 空格
    • &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 定义项目
    • 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>
    • 使用超链接 # 跳转到指定锚点

    图像

    img标签 属性

    • src
    • alt 图片无法显示时显示的文字
    • title
    • border 值 数字
    • width 图片宽度
    • height 图片高度
    • usemap

    常见的图片格式

    • jpg/jpeg
    • gif
    • png

    图片热点 图片映射

    • map id/name
    • area shape(circle rect poly) href title target ...
  • 相关阅读:
    Vue总结
    Android适配总结
    Java为什么需要四种引用?
    回溯递归:八皇后
    eclipse中的maven build 、maven clean 、 maven install作用
    JS时间格式CST转GMT
    什么是ECMAScript、什么又是ECMA?
    maven打包工程出现错误 Failed to execute goal org.apache.maven.plugins:maven-surefire-plugin:2.12.4:test
    Vue三步完成跨域请求
    Eclipse导入别人项目爆红叉
  • 原文地址:https://www.cnblogs.com/jmxiang/p/7247693.html
Copyright © 2020-2023  润新知