关于字体标签和图片标签的知识

一、字体标签

标题

标题使用<h1>至<h6>标签进行定义。<h1>定义最大的标题，<h6>定义最小的标题。具有align属性，属性值可以是：left、center、right。

一些小标签/小标记

• <u>：下划线标记
• <s>或<del>：中划线标记（删除线）
• <i>或<em>：斜体标记

粗体标签<b>或<strong>（已废弃）

上标<sup> 下标<sub>

• 文本级标签：p、span、a、b、i、u、em。文本级标签里只能放文字、图片、表单元素。（a标签里不能放a和input）
• 容器级标签：div、h系列、li、dt、dd。容器级标签里可以放置任何东西。
• 从学习p的第一天开始，就要死死记住：p标签是一个文本级标签，p里面只能放文字、图片、表单元素。其他的一律不能放。

一些小标签/小标记

<em> 为斜体</em>
<del>表删除</del>
<ins>表示插入</ins>
<strong>表示加粗字体</strong>
<sub>表示下标
<sup>表上标

二、图片标签

img: 代表的就是一张图片。是单边标记。

img是自封闭标签，也称为单标签。

能插入的图片类型：

• 能够插入的图片类型是：jpg(jpeg)、gif、png、bmp。类型和类型之间有什么区别，css课上讲。
• 不能往网页中插入的图片格式是：psd、ai

• src属性：图片的相对路径和绝对路径

这里涉及到图片的一个属性：

• src属性：指图片的路径。

在写图片的路径时，有两种写法：相对路径、绝对路径

1、写法一：相对路径

相对当前页面所在的路径。两个标记 . 和 .. 分表代表当前目录和父路径。

举例1：

<!-- 当前目录中的图片 -->
<img src="2.jpg">
<img src=".\2.jpg">
<!-- 上一级目录中的图片 -->
<img src="..\2.jpg">

img 是image“图片”的简写，src 是英语source“资源”的缩写。

相对路径不会出现这种情况：

aaa/../bbb/1.jpg

../要么不写，要么就写在开头。

举例2：

<img src="images/1.jpg">

上方代码的意思是说，当前页面有一个并列的文件夹images，在文件夹images中存放了一张图片1.jpg

2、写法二：绝对路径

绝对路径包括以下两种：

（1）以盘符开始的绝对路径。举例：

<img src="C:\Users\smyhvae\Desktop\html\images\1.jpg">

（2）网络路径。举例：

<img src="http://img.smyhvae.com/2016040102.jpg">

注意点：
1.企业开发中，尽量使用相对路径和网络地址形式的绝对路径。绝对路径的本地形式可移植性不好。在部署到服务器或与别人共同开发时，可能会出现问题。
2.尽量使用反斜杠去书写路径。因为有些系统比如linux，它不支持使用正斜杠去书写路径。

img标签的其他属性

• width：宽度
• height：高度
• Align：指图片的水平对齐方式，属性值可以是：left、center、right
• title：提示性文本。公有属性。也就是鼠标悬停时出现的文本。
• border：给图片加边框（描边），单位是像素，边框的颜色是黑色
• Hspace：指图片左右的边距
• Vspace：指图片上下的边距
• Alt：当图片显示不出来的时候，代替图片显示的内容。alt是英语 alternate “替代”的意思。（有的浏览器不支持）