<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

</head>

<body>

    <!-- 文本标签 

        段落标签p  (执行效果,包围的内容上面各空出一行

        字符实体:&nbsp;    (执行效果,空格

        br:换行

        hr:生成分隔线

        标题6标签:h1-h6,从大到小

        Word三执行:b,i,u

        -->

    <!-- 图片标签

        alt:在图片无法加载时显示提示文字

        title:在鼠标移动到图片显示提示

    -->

    <img src="../素材/timg.jpg" alt="小鞠" title="k">

    +vnm +

    <!--链接标签

        target:默认不写表示在当前窗口跳转新页面,_blank表示新建窗口跳转新页面

        可以设置文本以及图片链接

        可以设置锚点:目标点设置一个锚记id,然后使用超链接的方式在href属性下面,使用#锚记id,#代表网页中的一个位置,其右面的字符，就是该位置的标识符

    -->

    <a href="https://www.baidu.com" target="_blank">链接</a>

    <a href="https://www.baidu.com"><img src="图片链接" alt="小鞠" title="跳转到百度首页"></a>

    <br>1</br>

    <br>2</br>

    <br>3</br>

    <br>4</br>

    <br>5</br>

    <br>6</br>

    <br>7</br>

    <br>8</br>

    <br>9</br>

    <br>10</br>

    <br>11</br>

    <br>12</br>

    <br>13</br>

    <br>14</br>

    <br>15</br>

    <br>16</br>

    <br id="17">17</br>

    <br>18</br>

    <br>19</br>

    <br>20</br>

    <br>21</br>

    <br>22</br>

    <br>23</br>

    <br>24</br>

    <br>25</br>

    <br>26</br>

    <br>27</br>

    <br>28</br>

    <br>29</br>

    <br>30</br>

    <br>31</br>

    <br>32</br>

    <br>33</br>

    <br>34</br>

    <br>35</br>

    <br>36</br>

    <br id="37">37</br>

    <br>38</br>

    <br>39</br>

    <br>40</br>

    <br>41</br>

    <br>42</br>

    <br>43</br>

    <br>44</br>

    <br>45</br>

    <br>46</br>

    <br>47</br>

    <br>48</br>

    <br>49</br>

    <a href="#17">跳转到17</a>

</body>

</html>

1.html基础标签:文本+链接+图片的更多相关文章

  1. HTML基础标签图片文本超链接列表表格介绍

    1.HTML基础标签图片常见代码形式<img src="图片路径地址" alt="属性名" title="占位符">常见的图片格 ...

  2. H5的段落标签、图片标签、列表标签与链接标签

    段落标签 (1)<p>段落标签</p> (2)<nobr>强制不换行标签,会出现滚动条</nobr> (3)<pre>保留原始排版标签< ...

  3. HTML基础-- 标签、表格

    <html>    --开始标签 <head> 网页上的控制信息 <title>页面标题</title> </head> <body& ...

  4. HTML常用基础标签

    HTML常用基础标签 带有语义的标签 <em> </em> 强调 <strong> </strong> 比em强调级别高 <abbr> &l ...

  5. canvas学习笔记（中篇） -- canvas入门教程-- 颜色/透明度/渐变色/线宽/线条样式/虚线/文本/阴影/图片/像素处理

    [中篇] -- 建议学习时间4小时  课程共(上中下)三篇 此笔记是我初次接触canvas的时候的学习笔记,这次特意整理为博客供大家入门学习,几乎涵盖了canvas所有的基础知识,并且有众多练习案例, ...

  6. HTML基础标签入门

    HTML基础标签 昨天学习了一些HTML的基本标签以及基本属性: HTML是一种超文本标记语言,其中PHP是世界上最好的语言(增加学习的动力荣誉感). HTML文档里包含三部分: <html&g ...

  7. 使用<a>标签，链接到另一个页面

    使用<a>标签可实现超链接,它在网页制作中可以说是无处不在,只要有链接的地方,就会有这个标签. 语法: <a href="目标网址" title="鼠标 ...

  8. 学习笔记—HTML基础标签

    HTML的概念 概念: HTML 是用来描述网页的一种语言. HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言,而是一种标记语言 ( ...

  9. HTML基础-标签

    html标签元素 html标签 在HTML静态页面中,每个网页具有唯一`<html></html>`,即`<html>`标签. html div标签 即网页中的盒子 ...

随机推荐

  1. leetcode238

    public class Solution { public int[] ProductExceptSelf(int[] nums) { int[] result = new int[nums.Len ...

  2. Django之前后端交互使用ajax的方式

    1. 在项目中前后端数据相互是一种常态, 前后端交互使用的是ajax请求和form表单的请求两种方式" ajax与form表单的区别在于: form 是整个页面刷新提交的,  但是ajax ...

  3. Adjacent Bit Counts（01组合数）

    Adjacent Bit Counts 4557 Adjacent Bit CountsFor a string of n bits x 1 , x 2 , x 3 ,..., x n , the a ...

  4. ubuntu彻底卸载软件

    找到此软件名称,然后sudo apt-get purge ......(点点为为程序名称),purge参数为彻底删除文件,然后sudo apt-get autoremove,sudo apt-get ...

  5. Kubelet bootstrap 流程

    首先,什么是kubelet bootstrap?在安装 k8s worker node 时,基本上 worker 的初始状态仅仅是安装了 docker 和 kubelet,worker 需要一种机制跟 ...

  6. svn的下载及安装

    什么是SVN: SVN是Subversion的简称,是一个开放源代码的版本控制系统,相较于RCS.CVS,它采用了分支管理系统,它的设计目标就是取代CVS. SVN的下载安装: 下载地址:https: ...

  7. 《Spring_Four》第一次作业：团队亮相

    part one: 1.队名:Spring_Four 2.团队成员组成:学号/姓名(标记团队组长) 201571030114 李蕾 201571030143 周甜甜 201571030139 张天旭( ...

  8. spring boot+kafka整合

    springboot版本是2.0.4 首先,在maven中引入spring-kafka的jar包 <dependency> <groupId>org.springframewo ...

  9. jQuery 新添加元素事件绑定无效

    jQuery中事件绑定,大多使用on就足够了. 但是对于新添加的元素 on 的绑定事件 会不起作用. 因为 append 中的 节点是在整个文档加载之后才添加的,页面并不会为未来的元素初始化添加点击事 ...

  10. Linux Oracle安装

    lsnrctl status  // 查看linux系统oracle的监听状态lsnrctl start   // 启动linux系统oracle的监听状态 sqlplus /nolog  // 连接 ...