学习HTML5第二天_学习HTML的常用标签

一、学习HTML5的常用标签

1. 标题标签：

# 这是标题标签
<h1>标题一</h1>
<h2>标题二</h2>
<h3>标题三</h3>
<h4>标题四</h4>
<h5>标题五</h5>
<h6>标题六</h6>
# 标题标签的语意是:“head ”表示一篇文章的头部，且标题标签为整行显示。

2.段落标签：

# 这是一个段落标签
<p></p>
# 段落标签的语意是:“paragraph”[`paeragraef]段落的意思。

3.换行标签

# 换行标签，是一个单标签。
<br />
# 换行标签语意为：“break”意思为打断，换行。在HTML中起到强制换行的作用。

4.文本格式化标签

# 这是加粗标签，他可以让文字变粗
<strong></strong>&<b></b>
# 更推荐使用<strong></strong>，语意更强烈。

# 这是倾斜标签,他可以让文字变倾斜
<em>/<em>&<i></i>
# 更推荐使用<em></em>进行倾斜，语意更强烈。

# 这是删除线标签,他可以让文字上添加删除线的效果
<del></del>&<s></s>
# 更推荐使用<del></del>，语意更强烈。

# 这是下划线标签,他可以在文字下添加下划线的效果
<ins></ins>&<u></u>
# 更推荐使用<ins></ins>，语意更强烈。

5.网页布局标签：

# div是division的缩写，意思为分割。
<div></div>
# 在html里标签<div></div>是没有语意的标签，类似一个盒子用来装内容的。

# span 意思是跨度、跨距。
<span></span>
# 在html里标签<span></span>是没有语意的标签，类似一个盒子用来装内容的。

#两个标签的对比：
# 这里<div></div>和<span></span>的区别在于，div标签一行只能放一个，而span标签一行可以放多个。

6.图像标签：

# 在HTML标签中，<img>标签用于定义HTML页面中的图像。
<img src="图像url"/>
# img是image的缩写，是图像的意思。
# 说明：属性采取键值对的格式，即key="value"的格式，属性="属性值"。
#     ①.图像标签可以拥有多个属性，但属性必须下载标签的后面。
#     ②.属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。
#     ③.属性采取键值对的格式，即key="value"的格式。属性="属性值"。
# src是标签<img>必须属性，它用于指向图像文件的路径和文件名。
# 属性：简单理解就是属于这个图像标签的特性。
# 图像标签的属性：
# alt:当图标不能显示的时候alt标签会替换图片显示文字，起到替换的作用。
# title：当鼠标移动到图片上时，显示的提示文本。起到提示的作用。
# width：用于设置图像的宽度。
# height:用于设置图像的高度。
# 注意：width & height一般只修改其中的一个，这样图像的高或者宽会等比例缩放。同时也会有效的避免图像失真或者压扁拉伸的情况。
# border：用于设置图像周围的边框粗细。一般边框会通过css设置，这里并不推荐使用border来设置。
--------重点总结--------
①图像标签可以拥有多项属性；
②属性之间不分先后顺序，标签名与属性，属性与属性之间均以空格分开；
③属性采取的是键值对的格式，即key="value"的格式。属性="属性值"。

必须的属性

可选的属性

7.超链接标签

# 标签<a></a>用于定义超链接，作用是从一个页面链接到另一个页面。
# 超链接的语法格式
<a herf="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
# 标签中a是anchor的缩写，意为：锚。
# 必须属性：
# herf:用于指定链接目标的url地址。
# target:用于指定链接页面的打开方式，其中默认为_self(当前页面打开)，_blank为在新窗口中打开。
# 链接分类：
#     外部链接：例如：
      <a herf="http://www.baidu.com">百度</a>
#     内部链接：网站内部页面之间的相互链接，直接链接内部页面名称即可。例如：
      <a herf="index.html">首页</a>
#     空连接：如果当时没有确定链接目标时，可以这么写：
      <a herf="#">首页</a>
#     下载链接：如果herf里面地址是一个文件或者压缩包，会下载这个文件。
#     锚点链接:通过锚点链接可以快速的定位到页面中的某个位置。
#     在链接文本的herf属性中，设置属性值为#名字的形式，如：
      <a herf="#one">第一集</a>
#     找到目标标签位置标签，在标签里面添加一个id属性=刚才的名字，如：
      <h3 id="one">第一集介绍</h3>

二、路径

·目录文件夹和根目录

目录文件夹：在HTML中因为我们的文件不能乱放，否则用起来很难快速的找到他们，因此我们需要一个文件夹来管理他，这个文件夹我们称之为目录文件夹。里面存放了做网页所需要的输素材，比如HTML文件、图片等。
跟目录：打开目录文件夹的第一层即为根目录。

·相对路径

相对路径：以引用文件所在位置为参考基础，而建立出的目录路径。
    ·同一级相对路径
    ·下一级的相对路径    #用/符号表示下一级路径
    ·上一级的相对路径    #用../符号表示上一级路径

·绝对路径

绝对路径：是指目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径。
# 通常使用相对路径较多。