美文网首页
常用html学习小结(二)

常用html学习小结(二)

作者: 矮萌杰 | 来源:发表于2018-04-08 19:29 被阅读0次

一、元信息标记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" />

相关文章

  • 常用html学习小结(二)

    一、元信息标记meta:一般用以定义页面信息的说明,关键字,刷新。 常用页面跳转(也可以用于页面的刷新): 二、不...

  • 2018-01-10

    网络营销第二周课程小结 静态网页HTML,很多页面通常用HTML结尾 更新生成栏目页,文档页,单页面(关于我们) ...

  • 20170907html学习(二)常用标签,属性

    HTML学习(二)常用标签,属性 参考 HTML 教程| 菜鸟教程HTML 教程 - w3school 在线教程 ...

  • 常用HTML元素小结

    常用HTML元素及其属性: 根元素 1. HTML文档根元素 属性:lang(全局属性),设置整个ht...

  • jsp常使用总结

    最近经常用jsp写页面,嵌入js css html,所以小结一下常用的: 1.文字: 2.空格  (htm...

  • html的学习小结

    html是一种超文本语言,页面中可以包含又图片,链接,甚至音乐,程序。他的结构包括头部(head),身体(body...

  • HTML基础学习小结

    title: HTML基础学习小结date: 2016-09-09 14:59:28tags: 说明:以下内容学习...

  • 161015 HTML 学习小结

    回观开始学习时写的:HTML 是一种超文本标记语言,主要用于创建网页,是构建网页的基础。主要用于定义网站和网页的结...

  • 集成学习之Adaboost算法原理小结

    转自:http://www.cnblogs.com/pinard/p/6133937.html 在集成学习原理小结...

  • (全栈营html个人总结)2018-07-09

    html的学习小结 what:官方定义为超文本标记语言(Here text markup language),用类...

网友评论

      本文标题:常用html学习小结(二)

      本文链接:https://www.haomeiwen.com/subject/sxdyhftx.html