列表、超链接、相对路径-HTML

HTML中有三种列表

有序列表
无序列表
定义列表

有序列表：使用ul标签来创建使用li表示列表项

无序列表：使用ol标签来创建使用li表示列表项

定义列表：使用dl标签来创建使用dt来表示定义的内容使用dd来对内容进行解释说明

列表之间可以互相嵌套

超链接

超链接是一个行内元素
shift+alt+向下键=给语句向下复制（也可以shift+alt+向上键）

使用a标签来定义超链接，a标签可以嵌套除他自身外的任何元素 属性：herf指定跳转的目标路径值可以是外部网站的地址也可以写内部页面的地址<a href="https://www.baidu.com">超链接</a><a href="./Third.html">超链接1</a>当我们需要跳转一个服务器内部的页面时，一般我们都会使用相对路径相对路径都会使用.或..开头./可以省略不写，表示当前文件所在目录../表示当前目录的上一级

target属性，用来指定超链接打开的位置可选值：               _self 默认值：在当前页面中打开超链接               _blank 在一个新的页面中打开超链接
可以直接将超链接到herf属性设置为#，这样点击超链接以后页面不会发生跳转，而是转到当前页面的顶部位置
可以跳转到页面的指定位置，只需要将herf属性设置#目标元素的id属性值
id属性（唯一不重复的）：每一个标签都可以添加一个id属性id属性就是元素的唯一标识，同一个页面中不能出现重复的id属性id属性是区分大小写的
可以使用javascript:; 来作为herf的属性，此时点击这个超链接什么也不会发生
<a href="Javascript:;">这是一个连接</a>
<a href="Third.html" target="_blank">Third</a>
<br><br>
<a  href="#bottom">回到低部</a>
<a id="bottom" href="#">回到顶部</a>

列表、超链接、相对路径-HTML相关推荐

第六十一节，html超链接和路径
html超链接和路径学习要点: 1.超链接的属性 2.相对与绝对路径 3.锚点设置本章主要探讨HTML5中文本元素 ...
第 4 章超链接和路径
第 4 章超链接和路径学习要点: 1.超链接的属性 2.相对与绝对路径 3.锚点设置本章主要探讨 HTML5 中文本元素最重要的一个超链接,探讨它自身的属性以及路径问题. 一．超链接的属性 ...
HTML：超链接的路径及创建超链接
1.超链接的路径超链接有两个路径,分别是绝对路径和相对路径. 1.1绝对路径绝对路径指从根目录开始查找一直到文件所处位置所经过的所有目录,目录名之间用反斜杠(\)隔开.比如存在电脑C盘的一个文件的 ...
HTML 部分常用属性、组成属性|...超链接、路径、锚点、列表、滚动、URL编码、表格、表单、GET和POST
URL地址就是我们所说的网址:www.jd.com 浏览器内核,渲染引擎 Ie内核:triteent 谷歌/欧鹏:blink 火狐:gecko 苹果:webkit 渲染引擎是出现兼容性的根本问题 - ...
linux查看python pip 安装包列表和安装路径
查看linux下python已经安装的第三方库列表 python list 查看python pip 包的安装路径 pip show six PS:有定制开发.答疑需求,可以QQ联系:17620165 ...
前端-超链接，相对路径
超链接,相对路径 <!-- 超链接可以让我们从一个页面跳转到其他页面,或者是当前页面的其他的位置使用 a 标签来定义超链接属性:href 指定跳转的目标路径- 值可以是一个外部网站的地址- 也可 ...
HTML5学习（三）：布局标签、列表、超链接和id
1.布局标签 header表示网页的头部(页眉) main表示网页的主体部分(一个页面中只会有一个main) footer表示网页的底部(页脚) nav表示网页中的导航 aside和主体相关的其他内容 ...
day04-图片、列表、超链接标签及属性
文章目录一.知识回顾: 二.单元内容 4.1 图片标签及属性 4.1.1 图片标签(单):` ` 4.1.2 图片标签的属性网络中断图片未显示.路径错误导致图片未显示.浏览器无法载入图像时,会显示 ...
HTML5中常见的列表标签包括,介绍几个常用的HTML5标签
一.Html的基本结构: 网页的文本.图片等信息: 二.Head部分:用于表示网页的元数据即描述网页的基本信息其常用标签及属性有: 1.title标签:浏览器标签页显示的标题 2.meta标签:其常 ...
Web前端——HTML中的超链接
一.超链接 HTML使用标签 <a>来设置超文本链接. 超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分. 当您把鼠标指 ...

列表、超链接、相对路径-HTML

HTML中有三种列表

超链接

列表、超链接、相对路径-HTML相关推荐

最新文章

热门文章