HTML(1)--html标签(基本、列表、超链接、图片标签)

html语法：
标签分为两类：单标记 （只有开始） 双标记（标签成对出现有开始有结束）
双标记的语法：<标签 属性=“属性值”(可以有多个属性)></标签>
单标记：<标签 属性=“属性值”(可以有多个属性)>
HTML的标签：

<!--文本标题标签 一共有6个,h1-h6：从大到小，由粗到细-->
		<h1>h1唯一性，一个页面中只能出现一次，存放网站的logo</h1><!--原因：为了搜索隐性-->
		<h2>二级标签</h2>
		<h3>三级标签</h3>
		<h4>四级标签</h4>
		<h5>五级标签</h5>
		<h6>六级标签</h6>
		
		<i>文本倾斜</i>
		<em>文本倾斜 有强调作用</em>
		<b>文本加粗</b>
		<strong>文本加粗 有强调作用</strong>
		<u>文本下划线</u>
		强制换行符<br/>
		水平线<hr/>
		
		<sup>设置字体的上标</sup>
		<sub>设置字体的下标</sub>
		
		<p>段落标签（叙述标签）</p>
				

字符标记（后有；）：
&nbsp：不换行空格
&gt：>右尖角号
&lt：<左尖角号
&copy：备案中图标版权
列表标签：

<ul>
			<li>无序列表 使用率特别大</li>
			<li>无序列表</li>
			<li>无序列表</li>
		</ul>
		<ol>
			<li>有序列表 使用率不大，在轮播图片下面的小点中常用</li>
			<li>有序列表</li>
			<li>有序列表</li>
		</ol>
		<dl>
			<dt>自定义列表</dt>
			<dt>名词</dt>
			<dd>对名词的解释</dd>
			<dd>常用在图片下有文字的，图片是名词，下面文字是解释</dd>
		</dl>

超链接标签：

<!--
        	a标签中的属性
        		targat
        			属性值：
        				_self:默认的在本窗口跳转
        				_blank:在新窗口打开链接
        		href
        			属性值：
        				要打开的网站域名（地址链接）
        				
        		title（大多数标签都可使用这个属性） 作用：提示信息！
        			属性值：
        				要提示的信息
        				
        -->
	<a href="http:www.baidu.com" target="_blank" title="这是个超链接">超链接标签</a>

图片加载标签img：

<!--
        	img标签的属性
        		*src
        			属性值：
        				导入图片的路径
        		border 作用：为图片添加边框
        			属性值：
        				为图片添加边框的大小
        		width 宽
        		height 高
        		*alt 文本替换图片（当图片加载不出来的时候，显示alt中的文字，便于优化）
        			属性值
        				文件加载不出来时要显示的文字，便于优化
        -->
		
		<img src="img/UV]GKJ9JZL@40M~N7_~YEIS.png" border="10" width="10" height="12" alt="c#学习图片">

相对路径详解：先出来再进去 …/目标文件夹名称/目标文件
     …/返回上一级
     同级找同级：直接书写名称
     上级找下级：文件夹名称/目标文件名称
     下级找上级： …/目标文件名称