<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>html标题、段落</title>

</head>

<body>

    <!-- h1-h6 一共六级标题 -->

    <h1>一级标题</h1>

    <h2>二级标题</h2>

    <h3>三级标题</h3>

    <h4>四级标题</h4>

    <h5>五级标题</h5>

    <h6>六级标题</h6>

    <!--     1.p标签：段落,

             2.“<br/>”:换行，

             3."&nbsp;"：空格,

             4."&gt;":大于号,

             5."&lt;":小于号,

             6.a标签：链接 -->

    <p>一个html文件就是一个网页<br />，html文件用编辑器打开显示的是文本,可以用文本的方

    式编辑它，如果用浏览器打开，浏览器会按&nbsp;&nbsp;&nbsp;&nbsp;照标签描述内容将文件渲染成网页，显示的网

    页可以从一个网页链接跳转<a href="www.baidu.com"></a>到另外一个网页<br />&gt;3<br />&lt;2

    </p>

    <!-- img图片标签 -->

    <img src="../../飞机大战/image/hero.jpg" alt="战机">

    <!-- a标签：链接跳转，title：跳转的链接说明 -->

    <a href="./html块-语义化的标签.html" title="跳转到另一个html" >百度</a>

    <!-- a标签嵌套img标签点击图片跳转 -->

    <a href="http://www.baidu.com" title="跳转到另一个html"> <img src="../../飞机大战/image/Enemy.jpg" alt="战机"> 百度</a>

    <p>一个html文件就是一个网页<br />，html文件用编辑器打开显示的是文本,可以用文本的方

    式编辑它，如果用浏览器打开，浏览器会按&nbsp;&nbsp;&nbsp;&nbsp;照标签描述内容将文件渲染成网页，显示的网

    页可以从一个网页链接跳转<a href="www.baidu.com"></a>到另外一个网页<br />&gt;3<br />&lt;2

    </p>

    <!-- img图片标签 -->

    <img src="../../飞机大战/image/hero.jpg" alt="战机">

    <!-- a标签：链接跳转，title：跳转的链接说明 -->

    <a href="./html块-语义化的标签.html" title="跳转到另一个html" >百度</a>

    <!-- a标签嵌套img标签点击图片跳转 -->

    <a href="http://www.baidu.com" title="跳转到另一个html"> <img src="../../飞机大战/image/Enemy.jpg" alt="战机"> 百度</a>

    <p>一个html文件就是一个网页<br />，html文件用编辑器打开显示的是文本,可以用文本的方

    式编辑它，如果用浏览器打开，浏览器会按&nbsp;&nbsp;&nbsp;&nbsp;照标签描述内容将文件渲染成网页，显示的网

    页可以从一个网页链接跳转<a href="www.baidu.com"></a>到另外一个网页<br />&gt;3<br />&lt;2

    </p>

    <!-- img图片标签 -->

    <img src="../../飞机大战/image/hero.jpg" alt="战机">

    <!-- a标签：链接跳转，title：跳转的链接说明 -->

    <a href="./html块-语义化的标签.html" title="跳转到另一个html" >百度</a>

    <!-- a标签嵌套img标签点击图片跳转 -->

    <a href="http://www.baidu.com" title="跳转到另一个html"> <img src="../../飞机大战/image/Enemy.jpg" alt="战机"> 百度</a>

    <!-- 链接到链接到页面顶部 -->

    <a href="#">新闻标题</a>

    <!-- 不做任何操作 -->

    <a href="javascript:;">缺省值</a>

</body>

</html>

4-html图片与链接的更多相关文章

  1. FORM实现中打开图片，链接，文档（参考自itpub上一篇帖子，整理而来）

    FORM实现中打开图片,链接,文档 参考自itpub上一篇帖子,整理而来 1.添加PL程序库D2kwutil.pll 2.主要实现程序 /*过程参数说明: v_application --打开文件的应 ...

  2. 通过html<map>标签给图片加链接

    前面我们有谈到了通过图片定位给一张图片添加多个链接,现在用另外一种方法来实现,用html<map>标签给图片加链接 <img src="/images/hlj.jpg&qu ...

  3. 使用selenium的方式获取网页中图片的链接和网页的链接，来判断是否是死链（二）

    上一篇使用Java正则表达式来判断和获取图片的链接以及跳转的网址,这篇使用selenium的自带的API(getAttribute)来获取网页中指定的内容 实现内容:获取下面所有图片的链接地址以及跳转 ...

  4. （java）Jsoup爬虫学习--获取网页所有的图片，链接和其他信息，并检查url和文本信息

    Jsoup爬虫学习--获取网页所有的图片,链接和其他信息,并检查url和文本信息 此例将页面图片和url全部输出,重点不太明确,可根据自己的需要输出和截取: import org.jsoup.Jsou ...

  5. 如何在github中插入图片，链接，图片链接（给图片加上链接）,文字+图片链接,的实战分享！

    如何在github中插入图片,链接,图片链接(给图片加上链接),文字+图片链接,的实战分享! markdown 1.文字链接: [link-Text](link-URL) [home](https:/ ...

  6. 【原】移动web页面给用户发送邮件的方法 (邮件含文本、图片、链接)

    微信商户通有这么一个需求,用户打开H5页面后,引导用户到电脑下载设计资源包,由于各种内部原因,被告知无后台资源支持,自己折腾了一段时间找了下面2个办法,简单做下笔记. 使用mailto功能,让用户自己 ...

  7. word文档快速取消图片的链接

    快捷键Ctrl+Shift+F9 首先,Ctrl+A全选文章或者用鼠标拖动的方法选中部分文中: 批量删除word文档中的超级链接然后,同时按下键盘上的Ctrl+Shift+F9. 效果就出现了! 宏方 ...

  8. ckeditor自定义插件--一键给所有的图片添加链接

    ckeditor自定义插件在网上查了查,感觉还是比较好用的,写了一个一键给编辑器中的所有图片添加链接. 在ckeditor目录下的plugins下建以插件为名的文件夹,在里边建plugin.js文件, ...

  9. css图片热点链接的设置

    一.热点的原理 图片通过usemap="#Map"属性将名称为"Map"的热点区域及连接映射到图片上. 一般来说,图片的usermap属性对应的是map热点的n ...

  10. 如何在不接入微信API的情况下自定义分享内容（图片、链接、标题）

    方法如下: 1.设置分享title:动态改变document.title值即可: document.title = 'test' 2.设置分享图片:在页面隐藏一张尺寸大于290*290的图(图片需要容 ...

随机推荐

  1. Navicat 12.1激活

    去官网下载 https://www.navicat.com.cn/download/navicat-premium 然后下载这个破解包 第一个是整合了 navicat121_premium_cs_x6 ...

  2. 'cross-env' 不是内部或外部命令，也不是可运行的程序 或批处理文件。 npm ERR! code ELIFECYCLE npm ERR! errno 1

    在建立vue项目时报的错误 原因是缺少依赖,在此项目目录下下载依赖即可 cnpm install 发一次建立vue项目的完整顺序吧 //打开要创建的项目路径目录,创建项目 vue init webpa ...

  3. Python实现树

    树 (tree) 是一种非常高效的非线性存储结构.树,可以很形象的理解,有根,有叶子,对应在数据结构中就是根节点.叶子节点,同一层的叶子叫兄弟节点,邻近不同层的叫父子节点,非常好理解. 注:定义来自百 ...

  4. Python之路【第三十篇】:django 模型层-多表关系

    多表操作 文件为 ---->  orm2 数据库表关系之关联字段与外键约束 一对多Book id title price publish email addr 1 php 100 人民出版社 1 ...

  5. Golang 传递任意类型的切片

    肯定有这样的一种场景,写一个函数,该函数可以接收任意类型的切片,完成相应的功能. 就好比这种情况 intSlice := []int{1,2,3,4,5,6,7,8} strSlice := []st ...

  6. ssm框架 pom的配置 / 还有里面springMVC.xml的配置 / webapp.xml的配置

    首先是pom的配置: <dependencies> <!-- https://mvnrepository.com/artifact/mysql/mysql-connector-jav ...

  7. 利用jQuery-Word-Export导出word (含ECharts)

      写在前面的话:写博客的初衷是想把自己学到的知识总结下来,在写的过程中,相当于又把知识梳理了一遍.我坚信有输入,有输出,技术才会进步.我一般都会自己写一个小demo,测试没有问题,再进行整理. 在实 ...

  8. vsftp 安装配置(被动模式)

    vi /etc/vsftpd/vsftpd.conf vsftp配置末尾添加 pasv_enable=YES pasv_min_port=10000 pasv_max_port=10030 防火墙端口 ...

  9. 创建图 figure & figcaption

    如报纸.杂志.报告等其他媒介上看到过图.通常,图是由页面上的文本引述出. 在HTML5出现之前,没有专门实现这个目的的元素,因此一些开发人员想出了他们自己的解决办法(通常会使用不那么理想的.没有语义的 ...

  10. python3中try异常调试 raise 异常抛出

    一.什么是异常? 异常即是一个事件,该事件会在程序执行过程中发生,影响了程序的正常执行. 一般情况下,在Python无法正常处理程序时就会发生一个异常. 异常是Python对象,表示一个错误. 当Py ...