简述网页部分知识点:空链接、锚链接、网页图标等
空链接
第一种将href的属性值设置为#(网页实际跳转到当前所在网页)
第二种将href属性值设置为javascript: void(0)(网页并没有跳转)
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>大窗口1</title>
</head>
<body><a href="javascript:void(0)">点一下</a><a href="#">点一下吧</a>
</body>
</html>
锚点链接
<a>
标签可定义锚。通过href属性,创建指向另外一个文档的链接(或超链接);通过使用name或id属性,创建一个文档内部的书签(也就是说,可以创建指向文档片段的链接)
(例如要返回到顶部,使用name属性找锚点,使用id也一样,若文本中即出现name属性,又出现id属性,点回到顶部返回的是id属性所在处)
(文本开头)<a name=”top”></a>
(文本结尾)<a href=”#top”>回到顶部</a>
网页图标(在head下定义)
<link rel=”shortcut icon” href=”图片的内存地址”>
这里再来顺便介绍一下网页简单的框架设置吧。现在先思考一个问题,什么是网页框架?其实就是网页中分出的几个窗口。
如下图:
网页框架(如果要实现框架网页需要将frameset标签取代body标签)
一个窗户应该用一个frame标签来表示,frame这个标签不能分割,它只能表示小窗口,只有frameset标签才可以分割
(例如要将网页分为上下窗口,又将下窗口分为左右两个窗口)
</head>
<frameset rows=”100,*”> #rows表示纵向,这里表示上窗口占据100像素的高,其他高度给到下窗口<frame /><frameset cols=”100,*”> #cols表示横向,这里表示将下窗口分为两个部分<frame /><frame /></frameset>
</frameset>
</html>
·frame属性:1、noresize=”noresize” 不可以调整小窗口的大小
2、src 链接小窗口显示的网页
3、name 规定小窗口的名称
4、scrolling 控制框架页的滚动条yes|no|auto
注:其中frameborder(规定是否显示框架边框)与noresize这两个属性能给frameset标签与frame 设置
标签中的通用属性
id:id的属性值必须是唯一的,在一个html文件中id属性值必须要唯一,一般多用于JS中
class:我们将class的属性值称为“类名”,只要是拥有相同的class的属性值,不管是什么标签,我们都可以将其称之为一类,一般多用于CSS中。在css样式中以点加属性值来表示,如:
<style>.box{ weight:100pxheight: 100px}
</style>
</head>
<body><div class=”box”></div>
</body>
简述网页部分知识点:空链接、锚链接、网页图标等相关推荐
- html空链接跳转,网页中空链接几种实现方法的区别
设计蜂巢.设计蜂巢.设计蜂巢都可以实现空链接,下面来具体认识一下它们之间的区别. 一."#":"#"表示锚链接,默认为#top.如地址不存在则不会发生页面跳转. ...
- HTML-----图像,超链接,锚链接,网页布局
图像,超链接,网页布局 图像 <!--语法 src:图片加载路径(必填)分绝对路径和相对路径(推荐使用)../ 上一级目录 alt:图片的替代文字(必填) title:鼠标悬停在图片上的提示文字 ...
- JS 获取链接(url)参数以及锚链接(anchor)结合富ajax的应用(ajax前进/后退的问题)...
1. JavaScript获取url链接的方法: <script language="javascript">document.write(window.locatio ...
- 网页服务器怎么做链接,如何做网页超级链接
如和将网页地址做成超级链接?如何做超级链接?如何做网页链接? 怎样才能将word文档中的网页地址做成超级链接? 工具/自动更正选项/自动套用格式中选上"Internet及网络路径替换为超链接 ...
- 前端(一)——HTML之基本标签、图片标签、超链接、锚链接
文章目录 1. 定义 2. 发展史及优势 2.1 发展史 2.2 优势 3. W3C标准 4. HTML的基本结构 5. 网站的基本标签 5.1 标题标签 5.2 段落标签 5.3 水平线标签 5.4 ...
- 外部链接锚文字包含关键词
一.排名因素调查 大正面排名因素 1 用户粘度 2 外部链接锚文字包含关键词 3 链接来源多样性(链接来自于很多不同域名) 4 外部链接流行度(外部链接的数量质量) 5 标题标签中任何地方使用关键词 ...
- html中锚链接作用和特点,HTMLa标签作为锚链接
1. 什么是锚链接? 标签主要作为超链接和锚链接使用.超链接主要指不同html页面之间的跳转,而锚链接指的是同一页面之间的跳转. 锚链接的两种效果: 在当前页面中跳转.:通过元素的ID进行跳转 网页中 ...
- html锚链接设为无效,使用jQuery使HTML锚链接(HyperLink)不可点击或禁用
本文将介绍如何使用jQuery使HTML锚链接(HyperLink)不可点击或禁用. 使HTML锚链接(HyperLink)不可点击或禁用 HTML禁用(disabled)属性不适用于HTML锚链接( ...
- 在html中超级链接路径分几类,按照链接的形式网页中超级链接可以分为那3种
满意答案 quweidoudou 推荐于 2017.12.15 采纳率:45% 等级:11 已帮助:12514人 按照连接路径的不同,网页中超链接一般分为以下3种类型:内部链接,锚点链接和外部链 ...
- V2微信内外网页H5跳转小程序链接生成系统开发
V2微信内外网页H5跳转小程序链接生成系统开发 网页支持H5.服务号.封装app 功能// banner.首页.标题:创建您的链接.功能区.创建链接.选择类型.8种类型.小程序.一个人小程序.公众号. ...
最新文章
- 【每日一算法】实现strStr()
- python小游戏系列记忆宫殿,儿时的回忆
- Django学习笔记 开发环境搭建
- Elasticsearch: 权威指南 » 聚合 » Doc Values and Fielddata » 聚合与分析
- junit5_了解JUnit的Runner架构
- kettle、Oozie、camus、gobblin
- BERT-of-Theseus:基于模块替换的模型压缩方法
- 建立单独的解决方案来开发DNN模块
- adf开发_了解ADF生命周期中的ADF绑定
- 卷积神经网络 手势识别_如何构建识别手语手势的卷积神经网络
- 公布一个硬盘杀手的分析报告
- 单片机按键“消抖”的思考
- 排序算法之 归并排序
- 【行业应用】阿里云实时计算 Flink 版 IoT 行业解决方案
- 用python写了个简单的178漫画下载器
- Kettle中关于多数据库链接报表或视图不存在的错误总结
- List 接口和常用方法
- 《流浪地球》逆袭《新喜剧之王》的真正原因
- ThinkPhp6+Vue+ElementUI前后端分离在线教程
- latex里图片大小如何调整_如何使Latex中的图片放大依然清晰
热门文章
- 百度实习生招聘笔试题1
- python爬取百度的工具_Python爬虫之小试牛刀——使用Python抓取百度街景图像
- python读有中文的文件_在python中pandas读文件,有中文字符的方法
- 虚拟示波器---匿名上位机
- 计算机蓝屏无法启动不了系统怎么办,电脑开机蓝屏死机,无法进入系统怎么办?...
- IDEA误删文件恢复方法
- 如何制作微软原版Win10安装盘
- 中国需要怎样的智慧城市联盟?中外41家联盟组织大起底
- Required request body is missing 错误解决,400状态码
- 利用ettercap进行简单的arp欺骗和mitm攻击