html标签——内联标签（⾏内元素）阅读⽬录
字体标签
粗体标签<b>或<strong>(已废弃)
⽰例：
娃哈哈
<b>娃哈哈</b>
<strong>wahaha</strong>
效果：
斜体标记 <i>或<em>（已废弃）
⽰例：
娃哈哈
<i>娃哈哈</i>
<em>娃哈哈</em>
效果：
上标<sup> 下标<sub>
上⼩标这两个标签容易混淆，怎么记呢？这样记：b的意思是bottom：底部
例⼦：
5<sup>2</sup>
8<sub>2</sub>
效果：
下划线标记 <u> 中划线标记<s>（已废弃）和<del>
⽰例：
<u>娃哈哈</u>
<s>娃哈哈</s>
<del>娃哈哈</del>
效果：
排版标签
span
div和span是⾮常重要的标签，div的语义是division“分割”； span的语义就是span“范围、跨度”。CSS课程中你将知道，这两个东西，都是最最重要的“盒⼦”。
<span>和<div>唯⼀的区别在于：<span>是不换⾏的，⽽<div>是换⾏的。
如果单独在⽹页中插⼊这两个元素，不会对页⾯产⽣任何的影响。这两个元素是专门为定义CSS样式⽽⽣的。或者说，DIV+CSS来实现各种样式。
⽰例：
<body>
<div>
导航栏
</div>
<div>
中⼼banner
</div>
<span>路飞</span>
<span>alex</span>
</body>
效果：
span也是表达“⼩区域、⼩跨度”的标签，但是是⼀个⽂本级的标签。
就是说，span⾥⾯只能放置⽂字、图⽚、表单元素。 span⾥⾯不能放p、h、ul、dl、ol、div。
span举例：
<p>
商品简介:
<span>
<a href="">详细信息</a>
<a href="">⽣产⽇期</a>
</span>
</p>
换⾏标签<br> （已废弃）
当你打算结束⼀⾏，⽽⼜不想开始⼀个新段落时，<br>标签就派上⽤场了。⽆论你将它置于何处，<br>标签都会产⽣⼀个强制的换⾏。
⽰例：
This <br> is a para<br>graph with line breaks
效果：
<p>标签和<br>标签的区别：<p>标签会在段落的前后⾃动插⼊⼀个空⾏，⽽<br>标签没有空⾏；⽽且<br>标签没有属性。
注意<br> 没有结束标签，把<br>标签写为 <br/> 是经得起未来考验的做法，XHTML 和 XML 都接受在打开的标签内部来关闭标签的做法。超链接a
超链接有三种形式：
1、外部链接：链接到外部⽂件。举例：
<a href="new.html">点击进⼊到新⽹页</a>
a是英语anchor“锚”的意思，就好像这个页⾯往另⼀个页⾯扔出了⼀个锚。是⼀个⽂本级的标签。
href是英语hypertext reference超⽂本地址的缩写。
当然，我们也可以直接点进链接，访问⼀个⽹址。举例如下；
<a href="www.baidu" target="_blank">进⼊百度</a>
2、锚链接：
指给超链接起⼀个名字，作⽤是在本页⾯或者其他页⾯的的不同位置进⾏跳转。⽐如说，在⽹页底部有⼀个向上箭头，点击箭头后回到顶部，这个就是利⽤到了锚链接。
⾸先我们要创建⼀个锚点，也就是说，使⽤name属性或者id属性给那个特定的位置起个名字。效果如下：
上图中解释：
11⾏代码表⽰，顶部这个锚的名字叫做top。
然后在底部设置超链接，点击时将回到顶部（此时，⽹页中的url的末尾也出现了#top）。注意上图中红框部分的#号不要忘记了，表⽰跳到名为top的特定位置，这是规定。如果少了#号，点击之后，就会跳到top这个⽂件或者top这个⽂件夹中去。
如果我们将上图中的第23⾏代码写成：
<a href="new.html#top">回到顶部</a>
就表⽰，点击之后，跳转到new.html页⾯的top锚点中去。
说明：name属性是HTML4.0以前使⽤的，id属性是HTML4.0后才开始使⽤。为了向前兼容，因此，name和id这两个属性都要写上，并且值是⼀样的。
3、邮件链接：
代码举例：
<a href="mailto:zhaoxu@tedu"></a>
效果：点击之后，会弹出outlook，作⽤不⼤。
前提：计算机中必须安装邮件客户端，并且配置好了邮件相关信息
特殊⼏个链接：
返回页⾯顶部的位置
<a href="#">跳转到顶部</a>
与js有关：
<a href="javascript:alert(1)">内容</a>
<a href="javascript:;">内容</a>
1. javascript:；表⽰什么都不执⾏，这样点击<a>时就没有任何反应 例如：<a href="javascrip:;">内容</2
2. javascript：是表⽰在触发<a>默认动作时，执⾏⼀段JavaScript代码。 例如：<ahref="javascript:alert()">内容</a>
超链接的属性
href：⽬标URL
title：悬停⽂本。
name：主要⽤于设置⼀个锚点的名称。
target：告诉浏览器⽤什么⽅式来打开⽬标页⾯。target属性有以下⼏个值：
_self：在同⼀个⽹页中显⽰（默认值）
_blank：在新的窗⼝中打开。
_parent：在⽗窗⼝中显⽰
_top：在顶级窗⼝中显⽰
blank就是“空⽩”的意思，就表⽰新建⼀个空⽩窗⼝。为啥有⼀个_ ，就是规定，没啥好解释的。
href标签怎么用也就是说，如果不写target=”_blank”那么就是在相同的标签页打开，如果写了target=”_blank”，就是在新的空⽩标签页中打开。ps:a是⼀个⽂本级的标签
⽐如⼀个段落中的所有⽂字都能够被点击，那么应该是p包含a；
<p>
<a href="">段落段落段落段落段落段落</a>
</p>
⽽不是a包裹p：
<a href="">
<p>
段落段落段落段落段落段落
</p>
</a>
a的语义要⼩于p，a就是可以当做⽂本来处理，所以p⾥⾯相当于放的就是纯⽂字。
图⽚标签 <img />
img: 代表的就是⼀张图⽚。是单边标记。
img是⾃封闭标签，也称为单标签。
能插⼊的图⽚类型：
能够插⼊的图⽚类型是：jpg(jpeg)、gif、png、bmp。类型和类型之间有什么区别，css课上讲。
不能往⽹页中插⼊的图⽚格式是：psd、ai
HTML页⾯不是直接插⼊图⽚，⽽是插⼊图⽚的引⽤地址，所以也要把图⽚上传到服务器上。
src属性：图⽚的相对路径和绝对路径
这⾥涉及到图⽚的⼀个属性：
src属性：指图⽚的路径。
在写图⽚的路径时，有两种写法：相对路径、绝对路径
1、写法⼀：相对路径
相对当前页⾯所在的路径。两个标记 . 和 .. 分表代表当前⽬录和⽗路径。
举例1：
<!-- 当前⽬录中的图⽚ -->
<img src="2.jpg">
<img src=".\2.jpg">
<!-- 上⼀级⽬录中的图⽚ -->
<img src="..\2.jpg">
img 是image“图⽚”的简写，src 是英语source“资源”的缩写。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。