01-基本标签，img和a标签的使用

HTML-01

• 基本标签
  • < h1>…< h6> （标题标签）
  • < p>（段落标签）
  • < hr/>（水平分隔线标签）
  • < br/>
  • < strong>…< /strong> (加粗标签)
  • < em>…< /em>(斜体标签)
• 注释和特殊符号
• img（图片标签）
• a（超链接标签）
• 相对路径与绝对路径

（基本标签）
一般在写文章的时候都有标题和内容

<h1>标题标签1</h1>
<p>内容标签1</p>
<h3>标题标签3</h3>
<p>内容标签3</p>

假如要是我们想换行，直接在html格式的文件里面按回车键在网页上是不显示换行的 那么我们需要用< br/>标签来换行

//在标题标签与段落标签都是块级标签会自动换行的 假如要是我们在段落标签（p）里面想要换行的话直接按回车键，
//虽然你在html格式的文件中能够看到是换了行的，但是在页面上是没有换行的，所以我们需要使用< br/>标签:
< h1>这是我们第一个换行</h1>
< p>
	我觉得在这种关键时候需要换行< br/>
	现在怎么说都已经换行了，你也是我的人啦
</p>
< hr/> //水平分割线

字体样式标签

<p>
	我后面的一截是加粗的<strong>我是比平常的要粗一点</strong>
	我后面的一截是斜体哦<em>我是斜体哦思密达</em>
</p>

（img标签）

一个最简洁的一个img  src : 图片位置
< img src="li_line.gif" >

名称	值	描述
align	top,bottom,middle,left,right	HTML5 不支持。HTML 4.01 已废弃。 规定如何根据周围的文本来排列图像。
alt	text	规定图像的替代文本。(如果要是图片显示不出来就会显示图像)
border	pixels	HTML5 不支持。HTML 4.01 已废弃。 规定图像周围的边框。
crossorigin	anonymous,use-credentials	设置图像的跨域属性
height	pixels	规定图像的高度。
hspace	pixels	HTML5 不支持。HTML 4.01 已废弃。 规定图像左侧和右侧的空白。
ismap	ismap	将图像规定为服务器端图像映射。
longdesc	URL	HTML5 不支持。HTML 4.01 已废弃。 指向包含长的图像描述文档的
src	URL	规定显示图像的 URL。
usemap	#mapname	将图像定义为客户器端图像映射。
vspace	pixels	HTML5 不支持。HTML 4.01 已废弃。 规定图像顶部和底部的空白。
width	pixels	规定图像的宽度。

（a标签）超链接

//一个简洁的超链接 href : 跳转位置
< a href="index.html" />

属性名	值	描述
charset	char_encoding	HTML5 中不支持。规定被链接文档的字符集。
coords	coordinates	HTML5 中不支持。规定链接的座标。
download	filename	规定被下载的超链接目标。
href	URL	规定链接指向的页面的 URL。
hreflang	language_code	规定被链接文档的语言。
media	media_query	规定被链接文档是为何种媒介/设备优化的。
name	section_name	HTML5 中不支持。规定锚的名称。
rel	text	规定当前文档与被链接文档之间的关系。
rev	text	HTML5 中不支持。规定被链接文档与当前文档之间的关系。
shape	default,rect,circle,poly	HTML5 中不支持。规定链接的形状。
target	_blank,_parent,_self,_top,framename	规定在何处打开链接文档。
type	MIME,type	规定被链接文档的的 MIME 类型。

相对路径与绝对路径

• 就来个比喻吧
  • 就好比教室里的课桌
    • 绝对路径：第二排的第三个（类似这样的就是绝对路径）
    • 相对路径：第二排的第三个的后面（类型这样的是相对路径，就是相对第二排的第三个的后面的一个嘛）
  • 在本地磁盘的路径
    • 绝对路径：C:\Users\www\Pictures\Criterion Games\index.html
    • 相对路径：以index.html为对比点与目标位置
  • PS：返回相对路径返回上一级…/