首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

6.超链接-HTML基础

一、何为超链接 1.a标签 在HTML中,使用a标签来实现超链接。 (1)语法格式 文本或图片 ① 说明 href表示想要跳转到的那个页面的路径,可以是相对路径,也可以是绝对路径。 我们可以将文本设置为超链接,即文本超链接;也可以将图片设置为超链接,即图片超链接。 (2)示例 ① 例1-文本超链接 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <

03

技术杂谈:以Web为例,技术中的以人为本的设计

技术杂谈:以Web为例,技术中的以人为本的设计 label中的for label标签大家都知道,但是label标签有一个for属性,可能就并不是所有人都知道了。 有可能只有一部分人仔细看过html参考或者一些具体的书籍才知道。 label就是标签,它一般是一个输入的标签,也就是一个input的标签。 这个for指向的一般也是某个input元素,它的作用就是当你点击这个label的时候,也会自动把输入光标focus到这个input上。 也就是你无论是点这个文字标签,例如“姓名:”,还是这个输入框,都能进行输入。 这就是一个很人性化的设计,或者说,即便你点错了,比如input点偏了,也更有可能点中到输入。 随着当前web/app设计元素的不断更新,倒不一定完全用这种结构了。 当前很多结构设计是input+placeholder的,而不是label+input的,但是这种思路,依然是我们值得思考的。 严格来说,label和placeholder可以是不同的语义。 比如label是告诉你要输入域名,placeholder告诉你号码格式应该是http://xxx.com。 这样一个是语义上的说明,一个是示例。

02

HTML标记之a标签

1.内部链接(当前文档与目标文档在同一站点内);    2.外部链接(当前文档与目标文档不在同一站点内);    3.E-mail链接(并允许访问者向指定的地址发送邮件);    4.锚点连接 跳转到同一网页或其他文档的指定位置:创建锚点,显示内容链接锚点,显示内容;    5.空链接,就是没有目标端点的链接,显示内容;    6.脚本链接:是一种特殊的链接,当单击设置脚本链接的文本或图像时,可以运行相应的JS语句。

04
领券