html的超链接,图像以及列表标签
来源:互联网 发布:js 鼠标滑过div手型 编辑:程序博客网 时间:2024/06/05 09:50
前面讲到了html的基本框架,今天我们来看看html的几个特殊的标签
超链接标签:<a href=""> </a>
需要跳转的网址写在引号之内,显示的文字写在两个a标签之间
例如:需要跳转百度一下的网站
<a href="https://www.baidu.com/">点击我跳转百度一下</a>
图片示例:
我们平时见到的网站上的链接大多数都是由a标签组成的,只不过是去除下划线之后的a标签而已,在后面的文章会写出如何为a标签去除下划线
图像标签:<img src="">,图像标签是一个单标签,它是只有一个<img>标签组成的
和上面的a标签一样,它的双引号内也是书写路径的,不过这个路径要写成你自己电脑上的路径,不然图片就显示不出来了
例如:<img src="html/image/兔子吃草.gif">
图片示例:这里我添加的是个动态的图片,这里截图的是静态的,
列表标签:列表标签分为有序列表,无序列表和自定义列表
有序列表:ol;后跟li.
格式:<ol>
<li>大家好</li>
<li>可以点播关注,后面会持续更新的</li>
<li>谢谢</li>
</ol>
网页显示的是:
无序列表:ul;后跟li
格式:
<ul>
<li>我是无序列表</li>
<li>我是无序列表</li>
</ul>
图片样式:
自定义列表:dl;
格式:<dl>
<dt>我是自定义列表的标题</dt>
<dd>我是自定义列表</dd>
</dl>
图片样式和效果:
三种列表的使用,可以随机应变,
阅读全文
0 0
- html的超链接,图像以及列表标签
- HTML--文本标签/marquee/bgsound/列表标签/超链接标签/img 图像标签/转义字符/表格标签/表单提交/框架标签
- HTML的超链接标签
- html:图像的影像地图超链接——标签浅谈
- HTML基础之列表、超链接、图像
- 关于HTML的超链接标签
- HTML列表标签和图像标签
- html中常用的标签-超链接标签
- 图像的影像地图超链接,标签浅谈
- Html标签使用——文字、列表、表格、超链接
- html列表和超链接
- html常用标签:超链接
- HTML超链接标签
- HTML-超链接标签
- 【HTML】3.超链接标签
- HTML超链接标签<a>
- html a超链接标签
- html a超链接标签
- 工作转正申请自我评价
- weex 中遇到的一些问题记录
- 分布式协调服务zookeeper 知多少
- Hibernate 多对多关联映射配置
- OneHot编码
- html的超链接,图像以及列表标签
- Jzoj4895 三部曲
- 蓝牙5.0发布(新特性速览)
- Struts2和Spring的整合代码截图
- 画家与黑客(语录)
- git 生成patch并打入主干
- python索引问题
- Context应用
- tomcat 启动项目时出现 ZipException: error in opening zip file