常用html学习小结(二)

一、元信息标记meta:一般用以定义页面信息的说明,关键字,刷新。

常用页面跳转(也可以用于页面的刷新):

<meta http-equiv="refresh" content="秒数;url=要跳转到的页面">

二、不换行标记:<nobr>
不管遇到什么情况都不会进行自动换行。

<body>
<nobr>//根据你所需要不换行的位置进行插入。
</body>
使用前.png
使用后.png

三、锚点与链接到锚点
一般网站都会由一些类似下图的跳转栏(导航栏)。


跳转栏

实现跳转栏的单个代码:

<a href="#X">
点击此处可链接下去
</a>
<a name="X">//X可随个人喜好任意命名
我需要链接到这里
</a>

四、下载文件
一般而言,支持mp3、zip、exe等格式文件。

<a href="文件地址">点击此处下载</a>

但是对于图片

<a href="xxx.jpg\png\gif" download="图片">点击此处下载</a>
image.png
image.png

五、图像热点区域(借助DW编译器)
使用图像热点区域可以使得一张图片点击不同的位置出现不同的链接网站。达到同一张图片链接到不同的页面的效果。


图像热点按钮.png

选中一个需要放置链接的区域


image.png

然后在将需要链接到的网站输入到下面的框中
image.png

输入完网址后鼠标左键单机图片中的需要链接的热区(蓝色方框)

最后的代码:

  <area shape="rect" coords="233,49,329,180" href="http://www.baidu.com">

代码中的‘shape’与'coords'在使用DW编译器编译时,会自动生成相应的数值。

六、密码框(password)与浏览本地文件(file)

在登陆某个网站的时候往往会有
image.png

这个界面。

而其相对应的代码:

<input name="密码框的名字" type="password" size="密码框的大小" maxlength="最多输入的字符">

选择上传本地文件的时候往往会有
image.png

相对应的代码:

<input name="框的名字" type="file" />
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 177,625评论 25 709
  • 一、温故而知新 1. 内存不够怎么办 内存简单分配策略的问题地址空间不隔离内存使用效率低程序运行的地址不确定 关于...
    SeanCST阅读 8,067评论 0 27
  • D1,2018年3月5日 星期一 晴 做事如同修行,持之以恒,方成正果。“靡不有初,鲜克有终”,我把这...
    a行者无疆123阅读 466评论 0 1
  • 今天回了一趟老家,回来让姑娘把作业又重新写了一遍,姑娘学习不上心,但还是比昨天写的认真多了,表扬了她很开心!
    娃娃的娘亲阅读 239评论 0 0
  • 时间 2017.05.01~2017.07.31 目标 项目组内流程清楚(需求创建至上线运营),文档齐全(参考附录...
    hanyu007阅读 226评论 0 0

友情链接更多精彩内容