首页 > Web开发 > 详细

1.html基础标签:文本+链接+图片

时间:2019-04-29 01:30:17      阅读:151      评论:0      收藏:0      [点我收藏+]
<!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基础标签:文本+链接+图片

原文:https://www.cnblogs.com/zhongzhouyun/p/10787756.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!