<!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. repost: Deep Reinforcement Learning

    From: http://wanghaitao8118.blog.163.com/blog/static/13986977220153811210319/ accessed 2016-03-10 深度 ...

  2. C++ 智能指针 boost::scoped_ptr分析

    1.scoped_ptr的实现原理及特性 特性:scoped_ptr和auto_ptr类似,但最大的区别就是不能转让管理权限,也就是说scoped_ptr禁止用户进行拷贝和赋值 实现原理:如何才能禁止 ...

  3. Scratch学习中需要注意的地方，学习Scratch时需要注意的地方

    在所有的编程工具中,Scratch是比较简单的,适合孩子学习锻炼,也是信息学奥赛的常见项目.通常Scratch学习流程是,先掌握程序相关模块,并且了解各个模块的功能使用,然后通过项目的编写和练习,不断 ...

  4. 【rt-thread】1、快速建立rt-thread nano最小裁剪工程

    快速建立rt-thread nano最小裁剪工程 使用keil5建立 1.下载rt-thread 3.03版本,3.03程序占用最小 2.使用 CubeMX 配置工程 3.选择添加rt-thread ...

  5. UOJ399 CTSC2018 假面 期望、DP

    传送门 \(Q \leq 200000 , C \leq 1000 , m_i \leq 100\)-- 先考虑如何维护最后一次操作时所有人的血量期望.不难发现我们需要的复杂度是\(O(Qm_i)\) ...

  6. 20、Outer Apply 和 Cross Apply

    1.場合 select...caseが複雑の時 2.運用方法 SELECT * FROM stu CROSS APPLY ( --like inner join * FROM score WHERE ...

  7. C#静态字段的两个用处

    静态字段的2个常用方法 (1)记录已实例化的对象的个数 (2)存储必须在所有实例化之间共享的值 (1)记录已实例化的对象的个数 现在某个培训机构啊,要开设一个学理发的班,计划招5人,只要人数够5人就开 ...

  8. java之mybatis之字段映射及多对一

    1. 数据库中表的列名和实体类的属性名称不一致. 可以使用 resultMap来解决. <select id="findAll" resultMap="UserMa ...

  9. Linux Shell/Bash wildcard通配符、元字符、转义符使用

    说到shell通配符(wildcard),大家在使用时候会经常用到.下面是一个实例: 1   1 2 3 4 [chengmo@localhost ~/shell]$ ls a.txt  b.txt  ...

  10. 使用poi调整字体格式、添加单元格注释、自动调整列宽

    1 创建新的工作铺 import java.io.FileOutputStream; import org.apache.poi.hssf.usermodel.HSSFCell; import org ...