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

<!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基础标签:文本+链接+图片的更多相关文章

HTML基础标签图片文本超链接列表表格介绍
1.HTML基础标签图片常见代码形式<img src="图片路径地址" alt="属性名" title="占位符">常见的图片格 ...
H5的段落标签、图片标签、列表标签与链接标签
段落标签 (1)段落标签 (2)强制不换行标签,会出现滚动条 (3)<pre>保留原始排版标签< ...
HTML基础-- 标签、表格
<html> --开始标签 <head> 网页上的控制信息 <title>页面标题</title> </head> <body& ...
HTML常用基础标签
HTML常用基础标签带有语义的标签 强调 比em强调级别高 <abbr> &l ...
canvas学习笔记（中篇） -- canvas入门教程-- 颜色/透明度/渐变色/线宽/线条样式/虚线/文本/阴影/图片/像素处理
[中篇] -- 建议学习时间4小时课程共(上中下)三篇此笔记是我初次接触canvas的时候的学习笔记,这次特意整理为博客供大家入门学习,几乎涵盖了canvas所有的基础知识,并且有众多练习案例, ...
HTML基础标签入门
HTML基础标签昨天学习了一些HTML的基本标签以及基本属性: HTML是一种超文本标记语言,其中PHP是世界上最好的语言(增加学习的动力荣誉感). HTML文档里包含三部分: <html&g ...
使用<a>标签，链接到另一个页面
使用<a>标签可实现超链接,它在网页制作中可以说是无处不在,只要有链接的地方,就会有这个标签. 语法: <a href="目标网址" title="鼠标 ...
学习笔记—HTML基础标签
HTML的概念概念: HTML 是用来描述网页的一种语言. HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言,而是一种标记语言 ( ...
HTML基础-标签
html标签元素 html标签在HTML静态页面中,每个网页具有唯一`<html></html>`,即`<html>`标签. html div标签即网页中的盒子 ...

随机推荐

pyqt---------事件与信号处理
pyqt:信号与槽的关系 GUI应用程序是事件驱动的. 事件主要由应用程序的用户生成. 但它们也可以通过其他手段产生,例如:网络连接,窗口管理器或定时器. 当我们调用应用程序的exec_()方法时,应 ...
深度学习原理与框架-Alexnet(迁移学习代码) 1.sys.argv[1:](控制台输入的参数获取第二个参数开始) 2.tf.split(对数据进行切分操作) 3.tf.concat(对数据进行合并操作) 4.tf.variable_scope(指定w的使用范围) 5.tf.get_variable(构造和获得参数) 6.np.load(加载.npy文件)
1. sys.argv[1:] # 在控制台进行参数的输入时,只使用第二个参数以后的数据参数说明:控制台的输入:python test.py what, 使用sys.argv[1:],那么将获得w ...
JPA中建立数据库表和实体间映射小结
在JPA中,映射数据库表和实体的时候,需要注意一些细节如下, 实体类要用@Entity的注解: 要用 @Id 来注解一个主键: 如果跟数据库相关联,要用@Table注解相关数据库表: 实体类中字段需要 ...
linux查看文件夹大小du命令
查看1级(--max-depth=1)目录的大小,并排序参考 -h或–human-readable 以K,M,G为单位,提高信息的可读性. –max-depth= 超过指定层数的目录后,予以忽略 d ...
linux学习资料收藏
http://blog.chinaunix.net/uid/10167808/abstract/1.html?year=2008 http://linux.linuxidc.com/ind ...
LAMP架构
LAMP(linux,apache,mysql,php)是linux系统下常用的网站架构模型,用来运行PHP网站.(这得apache是httpd服务),这些服务可以安装同意主机上,也可以安装不同主机上 ...
office 安装
在 gaobo百度云下载安装包. 自定义安装,并在自定义界面选择安装路径. 破解:
javascript中的类型检测
最常见的是使用 typeof 来判断数据类型可以区分4种基本类型,即 “number”,”string”,”undefined”,”boolean”,第5种基本类型null类型返回值为object( ...
[leetcode]65. Valid Number 有效数值
Validate if a given string can be interpreted as a decimal number. Some examples:"0" => ...
[leetcode]86. Partition List划分链表
Given a linked list and a value x, partition it such that all nodes less than x come before nodes gr ...

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

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

随机推荐

热门专题