HTML5前端页面制作教程汇总
HTML5前端页面制作教程汇总浏览器是网页显示、运行的平台，常用的浏览器有IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。我们平时称为五大浏览器。
html基本语法骨架：
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>标题标签h (熟记)
<h1> 标题文本 </h1>
<h2> 标题文本 </h2>
<h3> 标题文本 </h3>
<h4> 标题文本 </h4>
<h5> 标题文本 </h5>
<h6> 标题文本 </h6>段落标签p ( 熟记)
<p>文本内容</p>水平线标签hr
<hr />是单标签换行标签br
<br />div 和span标签
<div> 这是头部 </div> <span>今日价格</span>
[*]div标签用来布局的，但是现在一行只能放一个div
[*]span标签用来布局的，一行上可以放好多个span
文本格式化标签
图像标签img (重点)
要想在网页中显示图像就需要使用图像标签，接下来将详细介绍图像标签<img />以及和他相关的属性。
<img src="图像URL" />
代码案例如下：
正常的<br />
<img src="cz.jpg" width="300" height="300" /><br />
带有边框的<br />
<img src="cz.jpg" width="300" height="300" border="3" /><br />
有提示文本的<br />
<img src="cz.jpg" width="300" height="300" border="3" title="这是个小蒲公英" /><br />
有替换文本的<br />
<img src="cz.jpg" width="300" height="300" border="3" alt="图片不存在" />链接标签(重点)
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
属性作用
href用于指定链接目标的url地址，（必须属性）当为标签应用href属性时，它就具有了超链接的功能
target用于指定链接页面的打开方式，其取值有self和blank两种，其中_self为默认值，__blank为在新窗口中打开方式。
注释标签
<!-- 注释语句 --> 快捷键是： ctrl + / 或者 ctrl +shift + / 相对路径以引用文件之网页所在位置为参考基础，而建立出的目录路径。因此，当保存于不同目录的网页引用同一个文件时，所使用的路径将不相同，故称之为相对路径。
路径分类符号说明
同一级路径只需输入图像文件的名称即可，如<span md-inline="html_entity" data-content="<img src="baidu.gif" /" class="md-entity" style="box-sizing: border-box;">>。
下一级路径“/”图像文件位于HTML文件同级文件夹下（例如文件夹名称为：images） 如<span md-inline="html_entity" data-content="<img src="images/baidu.gif" /" class="md-entity" style="box-sizing: border-box;">>。
上一级路径“../”在文件名之前加入“../” ，如果是上两级，则需要使用 “../ ../”，以此类推， 如<span md-inline="html_entity" data-content="<img src="../baidu.gif" /" class="md-entity" style="box-sizing: border-box;">>。
绝对路径绝对路径以Web站点根目录为参考基础的目录路径。之所以称为绝对，意指当所有网页引用同一个文件时，所使用的路径都是一样的。“D:\web\img\logo.gif”，或完整的网络地址，例如“https://www.jinhei.com/images/logo.gif”。
锚点定位 （难点）
通过创建锚点链接，用户能够快速定位到目标内容。创建锚点链接分为两步：1. 使用相应的id名标注跳转目标的位置。 (找目标)<h3 id="two">第2集</h3> 2. 使用<a href="#id名">链接文本</a>创建链接文本（被点击的） （拉关系）我也有一个姓毕的姥爷..<a href="#two">
base 标签
<base target="_blank" />总结：
[*]base 可以设置整体链接的打开状态
[*]base 写到<head></head>之间
[*]把所有的连接 都默认添加 target="_blank"
预格式化文本pre标签
<pre> 标签可定义预格式化的文本。
被包围在 <pre> 标签 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
<pre>
此例演示如何使用 pre 标签
对空行和 空格
进行控制
</pre>特殊字符
页:
[1]