<!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. Android应用开发中，第三方集成新浪微博（sinaWeiboSDK）的过程记录

    作为一个android开发人员,不可避免的要学会使用和集成第三方API的能力 而新浪微博作为现在最主要的新闻速递媒体,使用十分普遍,并且提供了较为详细的API接入方法,故此选择集成sinaWeibiS ...

  2. HashMap理解

    HashMap中Capacity为数组长度,默认大小为16,size为元素个数,loadFactor为size/capacity,默认为0.75,当存储的元素个数size大于等于capacity乘以0 ...

  3. javascript中正则表达式中的 match,exec,test,replace 之我理解

    这个正则 ($&) 的语法: https://msdn.microsoft.com/library/3k9c4a32(v=vs.94).aspx 在ECMAScript中对这几个的说明: ma ...

  4. Java学习笔记（十六）：this关键字

  5. Nginx – access_log格式及配置

    日志格式 日志内容 192.168.199.164 – jeson [14/Apr/2018:07:17:09 +0800] “GET /?feed=rss2 HTTP/1.1” 200 13883 ...

  6. Python自动化测试用例设计--自动化测试用例与手工测试用例区别与联系

    1. 前言 手工测试用例是针对手工测试人员,自动化测试用例是针对自动化测试框架,前者是手工测试用例人员应用手工方式进行用例解析,后者是应用脚本技术进行用例解析,两者最大的各自特点在于,前者具有较好的异 ...

  7. HDU 6304 Chiaki Sequence Revisited

    题目链接 : http://acm.hdu.edu.cn/showproblem.php?pid=6304 多校contest1   Problem Description Chiaki is int ...

  8. FortiGate外网IPSec链路及运维专线链路到个别网段不通

    1.现状: 如图,用户网段有192.168.50.0/24.192.168.51.0/24和192.168.52.0/24.192.168.53.0/24.在防火墙上有静态路由到运维专线的10.160 ...

  9. Shell脚本中"command not found"报错处理

    字符串的定义与赋值 # 定义STR1变量,值为abc STR1 = "abc"(错误写法) STR1="abc"(正确写法) 在编写java代码时会考虑到格式化 ...

  10. nodejs+https 使用openssl （window）

    HTML的getUsermedia必是要安全的连接 比如 localhost.127.0.0.1 .https chrome才让调用摄像头 1.申请域名.备案.域名解析 2.openssl生成 打开g ...