离线编辑即页面在没有网络的情况下加载完成,就像软件,如手机的一些软件在没网的情况下界面也可以布局出来。

格式化标签

<b>字体加粗标签

<i>字体斜体标签

<sub>下标标签

<sup>上标标签

<del>删除标签 //这在商品特价时常使用

a标签

a标签是链接地址的,它有一个属性是href,这个属性的值是URL,而在同目录下直接文件名即可或./根目录下

例子:

<a href="a.html"></a>

<a href="./a.html"></a>

链接到到达下层目录的文件

<a href="dir/b.html">Click into</a>

<a href="./dir/b.html">Click into</a>

到达上层目录

<a href="../a.html">click into</a>

属性title和target,一个是提示,一个打开方式:_blank/_self/_top

外部链接

<a href="http://www.163.com">网易官网</a>

<a href="mailto:793338023.com">联系我们</a>

foxmail发邮箱的软件

skype手机调试

tel:15018878760

<a href="tel:15018878760">拨打</a>

<a href="sms:15018878760">发短信</a>

在移动端很有用。

锚点:

href="#name"

兼容:name="name"

锚点指的是跳转到页面内目的地址的。如一页内有很多章节,可以为每个章节设置锚点,跳转过去,还有回到顶部这个作用。

img标签 

img标签 设置宽度或高度就会自适应的缩放

alt="" 替代文字,可以做SEO搜索引擎

图像热区

超级不好调试的,会以目标图片的左上角为原点,就是占位大小不包括margin,占位大小有占位宽和站位高。

占位宽=width+border+padding;

站位高=height+border+padding;

而这个可以使用photoshop找到坐标,使用到标尺等工具。

<img src="img/0.jpg" usemap="#map1" />

<map name="map1">

<area shape="rect" coords="x1,y1,x2,y2" href="url" alt="替代文字">

</map>

如果图片很大,很长,只取某部分,那就使用图像热区。

转载于:https://www.cnblogs.com/zhangzhicheng/p/5715964.html

今日课堂学习笔记01相关推荐

  1. Tomcat学习笔记01【Web相关概念、Tomcat基本操作】

    Java后端 学习路线 笔记汇总表[黑马程序员] Tomcat学习笔记01[Web相关概念.Tomcat基本操作][day01] Tomcat学习笔记02[Tomcat部署项目][day01] 目录 ...

  2. XML学习笔记01【xml_基础、xml_约束】

    Java后端 学习路线 笔记汇总表[黑马程序员] XML学习笔记01[xml_基础.xml_约束][day01] XML学习笔记02[xml_解析][day01] 目录 01 xml_基础 今日内容 ...

  3. Bootstrap学习笔记01【快速入门、栅格布局】

    Java后端 学习路线 笔记汇总表[黑马程序员] Bootstrap学习笔记01[快速入门.栅格布局][day01] Bootstrap学习笔记02[全局CSS样式.组件和插件.案例_黑马旅游网][d ...

  4. JavaScript学习笔记01【基础——简介、基础语法、运算符、特殊语法、流程控制语句】

    w3school 在线教程:https://www.w3school.com.cn JavaScript学习笔记01[基础--简介.基础语法.运算符.特殊语法.流程控制语句][day01] JavaS ...

  5. HTML/CSS学习笔记01【概念介绍、基本标签】

    w3cschool菜鸟教程.CHM(腾讯微云):https://share.weiyun.com/c1FaX6ZD HTML/CSS学习笔记01[概念介绍.基本标签.表单标签][day01] HTML ...

  6. JDBC学习笔记01【JDBC快速入门、JDBC各个类详解、JDBC之CRUD练习】

    黑马程序员-JDBC文档(腾讯微云)JDBC笔记.pdf:https://share.weiyun.com/Kxy7LmRm JDBC学习笔记01[JDBC快速入门.JDBC各个类详解.JDBC之CR ...

  7. MySQL学习笔记01【数据库概念、MySQL安装与使用】

    MySQL 文档-黑马程序员(腾讯微云):https://share.weiyun.com/RaCdIwas 1-MySQL基础.pdf.2-MySQL约束与设计.pdf.3-MySQL多表查询与事务 ...

  8. JavaWeb黑马旅游网-学习笔记01【准备工作】

    Java后端 学习路线 笔记汇总表[黑马程序员] JavaWeb黑马旅游网-学习笔记01[准备工作] JavaWeb黑马旅游网-学习笔记02[注册功能] JavaWeb黑马旅游网-学习笔记03[登陆和 ...

  9. JavaWeb-综合案例(用户信息)-学习笔记01【列表查询】

    Java后端 学习路线 笔记汇总表[黑马程序员] JavaWeb-综合案例(用户信息)-学习笔记01[列表查询] JavaWeb-综合案例(用户信息)-学习笔记02[登录功能] JavaWeb-综合案 ...

最新文章

  1. linux 命令行叫dos,利用shell编程实现DOS风格的Linux命令行
  2. EAP-MD5认证暴力破解工具eapmd5pass
  3. [异常解决] MPU6050启动异常读出陀螺仪和加速度计的值全为0的解决办法
  4. 什么是pretext tasks?
  5. 最近任务-2012.05.14
  6. 最长等差数列_最长等差数列分析
  7. JeecgBoot的前端Form升级为FormModel用法(支持 v-model 绑定)
  8. 微信一年“扫码”约占我国GDP 9%,带动近三千万个就业机会
  9. P1651 塔 (动态规划)
  10. 用Flash CS4打开fla文件提示“意外的格式”的解决方法
  11. 简繁体计算机术语对照表
  12. 液晶拼接处理器_你想了解的LCE拼接屏幕都在这里
  13. echarts 叠加柱状图柱顶显示百分比
  14. 不谋一时不足以谋一域_“不谋万世者,不足谋一时。不谋全局者,不足谋一隅”出自哪里?是什么意思?...
  15. 2011-1 开篇,要确定好方向
  16. navicat怎么备份数据和同步两个数据库
  17. STM32复位与时钟、定时器
  18. python模块名功能明和别名_Python模块及部分常见模块详解
  19. vbs版的语音报时程序
  20. 【计算生物学论文方法部分总结】Exploiting ontology graph for predicting sparsely annotated gene function

热门文章

  1. TCP协议三次握手过程分析
  2. windows-台式机添加硬盘后如何加载、格式化新的分区
  3. 时间管理——被忽视的重要理念!
  4. Spring Cloud Config 配置中心
  5. Nginx教程--02.Nginx虚拟主机的配置
  6. Python学习笔记——文件写入和读取
  7. WCF-学习笔记概述之计算服务(1)
  8. 演练5-3:Contoso大学校园管理系统3
  9. Android 修改Progressbar 旋转速度
  10. 【剑指offer-Java版】49把字符串转换为整数