首页 > 其他分享 >HTML-图片标签、列表标签、链接标签

HTML-图片标签、列表标签、链接标签

时间:2022-10-20 10:46:48浏览次数:51  
标签:标签 列表 HTML 图片 链接 页面

HTML-图片标签

图片标签:
  img:展示图片
属性:
   src:指定图片的位置

代码:

<!--展示一张图片 img-->

<img src="image/jingxuan_2.jpg" align="right" alt="古镇" width="500" height="500"/>
<!--
相对路径
  以.开头的路径
  ./:代表当前目录 ./image/1.jpg
  ../:代表上一级目录
-->

<img src="./image/jiangwai_1.jpg">

<img src="../image/jiangwai_1.jpg">

 

HTML-列表标签

列表标签:
有序列表:
  ol:
  li:
无序列表:
  ul:
  li:

 

 

 

 

 

 

 

HTML-链接标签

 

链接标签:
   a:定义一个超链接
属性:
  href:指定访问资源的URL(统一资源定位符)
  target:指定打开资源的方式
  _self:默认值,在当前页面打开
  _blank:在空白页面打开

<!--超链接  a-->
<a href = "http://www.itcast.cn">点击之后在当前网页跳转到传智播客</a><!--超链接  当前页面跳转-->

<br><!--超链接  换行-->

<a href = "http://www.itcast.cn" target = "_blank">点击之后创建新的网页,在新的网页跳转到传智播客</a><!--超链接  新页面跳转-->

<br><!--超链接  换行-->

<a href = "./5_列表标签.html">在当前页面访问列表标签的内容</a><!--超链接  跳转到列表标签的那个网页-->

<br><!--超链接  换行-->

<a href = "mailto:[email protected]">邮件客户端</a><!--超链接  联系传智播客-->

<br><!--超链接  换行-->

<a href = "http://www.itcast.cn"> <img src = "image/jiangwai_1.jpg"></a><!--超链接  点击图片跳转到传智播客-->

 

标签:标签,列表,HTML,图片,链接,页面
From: https://www.cnblogs.com/yuzong/p/16808742.html

相关文章

  • HTML文件标签和文本标签
    3.标签学习: 1.文件标签:构成html最基本的标签 *html:html文档的根标签 *head:头标签。用于指定html文档的一些属性。引入外部的资源 *t......
  • 清除浮动-双伪元素清除浮动(HTML、CSS)
    清除浮动-双伪元素清除浮动(HTML、CSS)<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-......
  • HTML5新增input表单(HTML5)
    HTML5新增input表单(HTML5)<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="v......
  • 1313. 解压缩编码列表
    给你一个以行程长度编码压缩的整数列表nums。考虑每对相邻的两个元素[freq,val]=[nums[2i],nums[2i+1]](其中i>=0),每一对都表示解压后子列表中有freq个值为val......
  • 如何查看linux kernel邮件列表【转】
    转自:https://blog.csdn.net/jasonactions/article/details/1207764341.前言本文主要总结浏览kernelpatch的方法,以此希望促成自己养成阅读patch的习惯。用一个朋友的话说......
  • 【Python】判断列表或字典中是否存在key值
    第一种in方法,即列出所有key值查询是否在里面a={"name":"1","value":"2"}if"name"ina.keys():print("存在")else:print("不存......
  • 572 HTML概念介绍 amd 573 HTML快速入门
    HTML概念介绍概念:是最基础的网页开发语言 HyperTextMarkupLanguage超文本标记语言 超文本:超文本是用超链接的方法,将各种不同空间的文字信息组织在......
  • python对列表里的元组,列表,字典进行排序
    python对列表里的元组,列表,字典进行排序其实很简单就是利用列表对象自带的sort方法和方法内的key关键字参数和lambda匿名函数搭配即可。若有:L=[('b',6),('a',1),('c',3)......
  • 7、深入Python列表和元组
    什么是列表和元组列表是动态的,长度大小不固定,可以随意地增加、删减或者改变而元组是静态的,长度大小固定,无法增加删减或者改变定义列表和函数l=[1,2,'hello','worl......
  • XX学Python·pandas dataframe读取csv、tsv,使用行列标签和位置读取
    1.DataFrame和Series简介pandas是用于数据分析的开源Python库,可以实现数据加载,清洗,转换,统计处理,可视化等功能。pandas最基本的两种数据结构:1)DataFrame用来处理结......