<!DOCTYPE html><!--文档类型声明,用于向浏览器说明当前文档使用哪种HTML标准规范-->
<html><!--根标记-->
<head><!--头部标记,这里面可以用CSS/DIV写样式-->
<meta charset="utf-8" />
<title>无聊的概要知识</title>
<style type="text/css">
<!--内嵌样式标记-->
h2{color:blue;}
h6{color:limegreen;}
p{ text-indent:2em;}
a{text-decoration:none}
</style>
</head>
<body><!--主体标记,这里面写内容-->
<h2>HTML5语法特点:
1、标记不区分大小写
2、允许属性值不使用引号<!--什么是属性值?,比如:<input checked=a type=checkbox/>
同<input checked="a" type="checkbox"/>这个是一样的-->
3、允许部分属性值的属性省略(属性值与属性英文单词相同的那些的属性值)
</h2>
<h6>学一招:属性设置值,<br />即此二者之间是键对值得关系
<link rel="stylesheet" type="text/css" href="style.css"/><!--引用文件夹中文件名为style.CSS的CSS样式表文件-->
<!--link标记引用外部CSS样式表--></p>
<hr color="#0066FE" align="left" size="5" width="600"/><!--水平线标记 颜色、对齐方式、粗细、宽度-->
<br /><!--换行标记,使某文段强制性换行-->
<h6><b>文字以粗体方式显示,b定义粗体文本</b><br /><strong>strong强调文本</strong>
<i>文字以斜体方式显示,i定义斜体字;<em>em强调文本</em></i>
<br /><s>文字以加删除线方式显示,HTML5不赞成使用s<br /><del>del删除线</del></s>
<br /><u>文本以加下划线方式显示,HTML5不支持使用u<br/><ins>ins下划线</ins></u>
特殊字符记这几个:
<table border="1">
<th>描述</th>
<th>字符代码</th>
<tr>
<td>空格符</td>
<td> </td>
</tr>
<tr>
<td>人民币</td>
<td>¥</td>
</tr>
<tr>
<td>a的平方2</td>
<td>a²</td>
</tr>
<tr>
<td>和号</td>
<td>&</td>
</tr>
</table>
<h6>
<table border="2">
img图像标记中的属性
<th>属性</th>
<th>属性值</th>
<th>描述</th>
<tr>
<td>src</td>
<td>URL</td>
<td>图像的路径,图像标签必备属性,<br />也就是图像放在那个文件夹中的</td>
</tr>
<tr>
<td>alt</td>
<td>文本</td>
<td>图像不能显示时的替换文本</td>
</tr>
<tr>
<td>title</td>
<td>文本</td>
<td>鼠标指针悬停时显示的内容</td>
</tr>
<tr>
<td>vspace</td>
<td>数字</td>
<td>垂直边距</td>
</tr>
<tr>
<td>hspace</td>
<td>数字</td>
<td>水平边距</td>
</tr>
</table>
<a href="http://www.itcast.cn/" target="_self">传智播客</a>
</h6>
</h6>
<h6 align="center">
<a>
<img src="img/云消防.png" alt="消防图标" title="云消防"/>
</a>
</h6>
<h3>本章小结:<br />HTML5文档的基本格式、语法、标记及属性
<br />作业:制作一个HTML5百科页面</h3>
<hr color="skyblue" align="left" size="5" width="600"/>
<h1>作业展示:</h1>
<br>
<h3 align="left">图文混排效果</h3>
<h3 align="center">传智播客设计学院简介</h3>
<h5 align="center">更新时间:2019年07月28日14时08分 来源:传智播客</h5>
<hr color="grey" align="left" size="2" width="600"/>
<br>
<img src="img/AL.jpg" align="left" width="250px" height="300px">
<p><strong>传智播客设计学院</strong>专注于平面设计、网页设计师、UI设计师的培养。我们拥有专业的师资团队、清晰合理的课程框架,4个月的学习循序渐进、充实饱满。学习中结合大量的案例和实战项目,毕业后相当于2年工作经验</p>
<!--段落文字中需要用强调文本效果标签时,使用P标签不要用h标签,h标签本身含有文字加粗的效果,会使加粗标签失效-->
<hr color="blue" align="left" size="2" width="600"/>
<h3 align="left">超链接跳转页面</h3>
<img src="img/传智播客.jpg" align="left" width="250px" height="180px"/>
<table>
<tr>
<td><a href="http://www.itcast.cn/" target="_self">传智播客</a></td>
</tr>
</table>
</body>