a标签传值到另一个页面_前端开发入门——HTML基础标签
本文创建于2020年8月,以下为正文:
HTML是用于创建可以从一个平台移植到另一平台的超文本文档的一种简单标记语言,经常用来创建web页面、HTML是制作网页的基础,我们在网络营销种讲的静态网页,就是以HTML为基础制作的网页。
什么是超链接呢?
随着互联网的发展,网站的兴起,超链接随处可见。我们使用电脑或者手机上网,都可以通过超链接来实现登录各个网页。
超链接属于网页的一部分,它是让网页和网页连接的元素。只有通过超链接把多个网页链接起来之后才能算得上是一个网站。超链接是指从一个网页指向另一个目标的链接关系,目标可以是网页、位置、图片等等。在网页中用来超链接的对象,可能是文本、图片等。
超链接的语法是怎样表示呢?
文本
< a >标签定义超链接,用于从一张页面链接到另一张页面
< a >元素最重要的属性是href属性,它只是连接的目标
href属性:链接 URL
target属性就是使用来定义在何处打开链接,可取性_blank新窗口,self当前窗口,`top浏览器整个窗、_parent`上一级窗口
_blank:在浏览器的新窗口中打开页面
_self:在当前窗口中打开页面,替换原来的页面,_self为target属性的默认值
name属性:锚点名称
title属性:定义了鼠标经过时的提示文字
超链接默认是蓝色字体、带有下划线。当点击之后,字体变成红色。
说到超链接,那么我们就要了解一下什么是路径了。
路径指的是某一个文件所存在的位置。分为相对路径、绝对路径、根路径
1、相对路径就是有参照物的路径,一般相对于当前的HTML文件
2、绝对路径就是文件完整的路径,包括盘符、协议名称、主机名称等等
3、根路径就是指在服务端使用一个反斜杠表示
< hr>标签是什么呢?
在html4.01版本中,< hr>标签是使用来定义一条水平线。在html5版本中升级了该标签,使其具有语义,用来定义主题的变化,比如话题的转移,并显示一条水平线。
在HTML页面中创建一条水平线。可以在视觉上将文档分割成各个部分
< hr>属性是什么
1.align:水平对齐方式,默认居中
2.width:水平线的长度,可取像素(px)和百分比(%)
3.size:水平线的高度
4.color:颜色
示例——使水平线在页面中间显示,它的宽度为页面的50%
`< hr align="center" wiidth="50%" />
格式标签
< address>< /address> 地址
定义文档或者文章的作者联系信息。定义在body内则表示文档联系信息。这个标签是带有语义的,也就是说我们看到a标签,并不能从直观意义上知道他是一个超链接,但是address通过翻译,也能明白这是定义联系信息,这就是语义化的好处。它以斜体显示。
示例——定义一段联系信息
< body>
< address>
地址
< /address>
< /body>
< pre>< /pre>
被包围在pre元素中的文本通常会保留空格和换行符
示例——用pre定义有换行的文本
< body>
< pre>
夜来风雨声
花落知多少
< /pre>
< /body>
文本格式化标签
(ps:如果您觉得有用,请点赞转发,让更多人看到哦)
a标签传值到另一个页面_前端开发入门——HTML基础标签相关推荐
- a标签传值到另一个页面_Vue组件传值与通信集合
Vue的组件化给前端开发带来极大的便利,这种依赖数据来控制Dom的模式,区别于以前的开发控制Dom的开发理念,这也导致了一种情况,在Vue中是单向数据流的,意味着只能从父组件向子组件传值,不允许子组件 ...
- a标签传值到另一个页面_vue-router页面传值及接收值
前端写页面,我们经常需要从A页面传值给B页面,比如下面的场景 点击"充值中"跳转到下一个页面,使tabbar中的页面与其对应 需要上个页面传值 下面来实现下: A页面--My.vu ...
- java按钮触发另一个页面_前端跨页面通信,你知道哪些方法?
戳蓝字「前端技术优选」关注我们哦! 引言 在浏览器中,我们可以同时打开多个Tab页,每个Tab页可以粗略理解为一个"独立"的运行环境,即使是全局对象也不会在多个Tab间共享.然而有 ...
- 前端开发入门教程-HTML标签(上)
本文素材来源于黑马程序员pink老师的前端教学视频.在此基础上有部分改动. 博客文章: https://blog.manchan.top/post/introduction-to-front-end- ...
- VUE从一个页面传值到另一个页面
VUE从一个页面传值到另一个页面 方法一:通过路由进行数据的传参: 前提:自己已经定义了路由,并可以实现页面的跳转 //自己声明一个方法 employeesdetails(id){this.$rout ...
- 从一个html页面传值到另一个页面,两个html之间的值传递(js location.search用法)
从一个html页面传值到另一个页面,两个html之间的值传递(js location.search用法) 转载,点击跳转
- 人工智能实战小程序之语音_前端开发
1. 人工智能实战小程序之准备工作 2. 人工智能实战小程序之语音_前端开发 今天这部分主要讲小程序前端功能的开发 由于我偏后端,css是我的弱项,可能很多人和我一样开发小程序不知道如何下手,希望本篇 ...
- 前端自动化构建工具:用Gulp4.0搭建一个基本的前端开发环境
一个项目的完成一般需要经过三个步骤:初始化.开发和部署.在前端开发过程中,我们经常需要依靠一些自动化构建工具来优化前端工作流程,来帮助我们完成一系列繁琐的工作,例如浏览器热更新.ES6编译.代码压缩. ...
- 前端开发入门:H5页面需要学什么?
H5需要做什么?很多人千锋广州前端老师这个问题,而问这个问题的人基本上都是刚听说过H5,处在懵懂的阶段,他们往往会被一些网上炫酷页面所吸引,开始的目的也很简单,能通过自己的努力做出这些页面,而这些页面 ...
最新文章
- [导入]连连看.NET 1.41全部源码
- 腾讯数十亿广告的基础是精准实时推荐
- Sublime text无法自动通过package control安装插件的研究
- 高仿人人Android梦想版终极源码发送(转)
- CSS相邻同胞选择器
- java.lang.NoClassDefFoundError: org/jdom/input/SAXBuilder
- 计算机辅助设计利用计算机的,计算机基础知识:计算机辅助设计
- java实验报告心得_Java实验报告(一)及总结
- Android字节码ASM插桩
- 现代英语杂志现代英语杂志社现代英语编辑部2022年第6期目录
- 谈谈网络通信中的 ACK、NACK 和 REX
- MindManager 2020下载与使用
- 南京市公安局电子警察系统数据库扩容和异地灾备公开招标采购公告
- php私有云盘,教你搭建个人/企业私有云盘-kodexplorer
- Linux4步快速搭建DNS服务器
- l130 华大低功耗mcu_HC32L130国产超低功耗华大MCU芯片介绍
- 商详压测jjmeter配置
- iOS iPhone、iPad、Mac等禁止系统摄像头功能
- iOS基础:新浪微博授权机制、 版本新特性
- php编写六十甲子纳音表_六十甲子顺序表