<!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. 以Unicode(UTF-16 LE)编码保存文本

    1. 以二进制方式打开文件,写入BOM头 FILE* pFile = nullptr; _wfopen_s(&pFile, szLogFilePath, L"wb"); / ...

  2. 测试代码的练习——python编程从入门到实践

    11-1 城市和国家:编写一个函数,它接受两个形参:一个城市名和一个国家名.这个函数返回一个格式为City,Country的字符串,如Santiago,Chile.这个函数存储在一个名为city_fu ...

  3. C语言基础知识---认识C语言

    2019.11.09 秋风 晴 最近一直在搞一套LoRa算法.总算有点效果了.心感慰藉(可能用错词语.但是也不管了) 初学者如何理解C语言? 无需刻板理解,笔者常用一个这样的例子助学生理解:法国人和法 ...

  4. javascript document.createElement() document.createTextNode() appendChild()

    //--------------document.createElement("div") var div = document.createElement("div&q ...

  5. 【Maven基础入门】01 Maven的安装与环境变量的配置

    写在前面: Mavne,作为一个优秀的项目构建工具,虽说我们平时在使用的时候或多或少的会使用到它,但了解仅限于它能构建项目,然后其他的就不知道了. 以及仓库.POM父类文件.等等. 工欲善其事,必先利 ...

  6. aria2 cmd set chmod, and others..

    import 'package:flutter/material.dart'; import 'dart:io'; import 'dart:async'; import 'package:rxdar ...

  7. HTTP专业术语,你了解多少?

    HTTP协议是什么? 超文本传输协议(HTTP)是一种为分布式.协作式的,面向应用层的超媒体信息系统.它是一种通用的.无状态(stateless)的协议,除了应用于超文本传输外,它也可以应用于如名称服 ...

  8. Visual Studio 2012 VC下 OpenGL 配置与使用

    Windows环境下的GLUT下载地址:(大小约为150k)    Download 1 32位Windows环境下安装GLUT的步骤1.将glut.h复制到C:\Program Files (x86 ...

  9. 【转载】C#中Convert.ToDecimal方法将字符串转换为decimal类型

    在C#编程过程中,可以使用Convert.ToDecimal方法将字符串或者其他可转换为数字的对象变量转换为十进制decimal类型,Convert.ToDecimal方法有多个重载方法,最常使用的一 ...

  10. js数组(五)

    一.数组的声明方法一:[构造函数形式声明] var array = new Array(); //[] var array = new Array(10); //数组长度:array.length = ...