<!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. Java入门到精通第4版汇总

  2. MySQL中的sort_buffer_size参数大小的设置问题

    看到sort_buffer_size这个参数(connect级别的参数,MySQL5.7,默认值是1048576字节,也就是1MB)的默认值这么小,想着是不是可以调大一点,反正内存动不动几十个GB的, ...

  3. 为docker私有registry配置nginx反向代理

    公司的Docker私有registry已经搭建好了,用官方的registry image很容易就搭建好了.现在就是要用nginx的反向代理把它放出来,以便在外网可以访问. 我的上一篇blog 讲了如何 ...

  4. 微信小程序--动画animation

    js: list:[], contentflag:false   this.animation = wx.createAnimation({ duration: 500, timingFunction ...

  5. Modelsim command line 传参数到 .do 文件

    gui跑mdelsim总觉得很麻烦,使用命令来启动方便了很多,类似linux一样,其实目前windows也可以做到,只是业界不怎么用windows罢了. 基于modelsim搭了一个UVM环境,  用 ...

  6. ASP.NET网站报Service Unavailable错误的解决办法

    现象:网站打不开,提示 service unavailable 原因:IIS资源不足,程序占用资源太多,应用程序池会被自动禁用 解决办法:重启IIS,在命令行中输入iisreset即可

  7. Nginx – rewrite 配置 URL重写及301跳转原理图

    Nginx – rewrite 配置 URL重写 官网:http://nginx.org/en/docs/http/ngx_http_rewrite_module.html 语法:rewrite re ...

  8. oracle 执行顺序 select查询优化

    今天把这几天做的练习复习了一下,不知道自己写得代码执行的效率如何以及要如何提高,于是乎上网开始研究一些材料,现整理如下: 首先,要了解在Oracle中Sql语句运行的机制.以下是sql语句的执行步骤: ...

  9. E. Segment Sum（数位dp）

    题意:求一个区间内满足所有数位不同数字个数小于K的数字总和.比如:k=2   1,2,3所有数位的不同数字的个数为1满足,但是123数位上有三个不同的数字,即123不满足. 我们可以使用一个二进制的数 ...

  10. 65. Valid Number 判断字符串是不是数字

    ［抄题］: Validate if a given string is numeric. Some examples:"0" => true" 0.1 " ...