今日课堂学习笔记01
离线编辑即页面在没有网络的情况下加载完成,就像软件,如手机的一些软件在没网的情况下界面也可以布局出来。
格式化标签
<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相关推荐
- Tomcat学习笔记01【Web相关概念、Tomcat基本操作】
Java后端 学习路线 笔记汇总表[黑马程序员] Tomcat学习笔记01[Web相关概念.Tomcat基本操作][day01] Tomcat学习笔记02[Tomcat部署项目][day01] 目录 ...
- XML学习笔记01【xml_基础、xml_约束】
Java后端 学习路线 笔记汇总表[黑马程序员] XML学习笔记01[xml_基础.xml_约束][day01] XML学习笔记02[xml_解析][day01] 目录 01 xml_基础 今日内容 ...
- Bootstrap学习笔记01【快速入门、栅格布局】
Java后端 学习路线 笔记汇总表[黑马程序员] Bootstrap学习笔记01[快速入门.栅格布局][day01] Bootstrap学习笔记02[全局CSS样式.组件和插件.案例_黑马旅游网][d ...
- JavaScript学习笔记01【基础——简介、基础语法、运算符、特殊语法、流程控制语句】
w3school 在线教程:https://www.w3school.com.cn JavaScript学习笔记01[基础--简介.基础语法.运算符.特殊语法.流程控制语句][day01] JavaS ...
- HTML/CSS学习笔记01【概念介绍、基本标签】
w3cschool菜鸟教程.CHM(腾讯微云):https://share.weiyun.com/c1FaX6ZD HTML/CSS学习笔记01[概念介绍.基本标签.表单标签][day01] HTML ...
- JDBC学习笔记01【JDBC快速入门、JDBC各个类详解、JDBC之CRUD练习】
黑马程序员-JDBC文档(腾讯微云)JDBC笔记.pdf:https://share.weiyun.com/Kxy7LmRm JDBC学习笔记01[JDBC快速入门.JDBC各个类详解.JDBC之CR ...
- MySQL学习笔记01【数据库概念、MySQL安装与使用】
MySQL 文档-黑马程序员(腾讯微云):https://share.weiyun.com/RaCdIwas 1-MySQL基础.pdf.2-MySQL约束与设计.pdf.3-MySQL多表查询与事务 ...
- JavaWeb黑马旅游网-学习笔记01【准备工作】
Java后端 学习路线 笔记汇总表[黑马程序员] JavaWeb黑马旅游网-学习笔记01[准备工作] JavaWeb黑马旅游网-学习笔记02[注册功能] JavaWeb黑马旅游网-学习笔记03[登陆和 ...
- JavaWeb-综合案例(用户信息)-学习笔记01【列表查询】
Java后端 学习路线 笔记汇总表[黑马程序员] JavaWeb-综合案例(用户信息)-学习笔记01[列表查询] JavaWeb-综合案例(用户信息)-学习笔记02[登录功能] JavaWeb-综合案 ...
最新文章
- linux 命令行叫dos,利用shell编程实现DOS风格的Linux命令行
- EAP-MD5认证暴力破解工具eapmd5pass
- [异常解决] MPU6050启动异常读出陀螺仪和加速度计的值全为0的解决办法
- 什么是pretext tasks?
- 最近任务-2012.05.14
- 最长等差数列_最长等差数列分析
- JeecgBoot的前端Form升级为FormModel用法(支持 v-model 绑定)
- 微信一年“扫码”约占我国GDP 9%,带动近三千万个就业机会
- P1651 塔 (动态规划)
- 用Flash CS4打开fla文件提示“意外的格式”的解决方法
- 简繁体计算机术语对照表
- 液晶拼接处理器_你想了解的LCE拼接屏幕都在这里
- echarts 叠加柱状图柱顶显示百分比
- 不谋一时不足以谋一域_“不谋万世者,不足谋一时。不谋全局者,不足谋一隅”出自哪里?是什么意思?...
- 2011-1 开篇,要确定好方向
- navicat怎么备份数据和同步两个数据库
- STM32复位与时钟、定时器
- python模块名功能明和别名_Python模块及部分常见模块详解
- vbs版的语音报时程序
- 【计算生物学论文方法部分总结】Exploiting ontology graph for predicting sparsely annotated gene function