HTML5前端页面制作教程汇总
浏览器是网页显示、运行的平台，常用的浏览器有IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。我们平时称为五大浏览器。
html基本语法骨架：
- <html>
- <head>
- <title></title>
- </head>
- <body>
- </body>
- </html>
- <h1> 标题文本 </h1>
- <h2> 标题文本 </h2>
- <h3> 标题文本 </h3>
- <h4> 标题文本 </h4>
- <h5> 标题文本 </h5>
- <h6> 标题文本 </h6>
水平线标签hr
换行标签br
div 和 span标签
- <div> 这是头部 </div> <span>今日价格</span>
图像标签img (重点)
要想在网页中显示图像就需要使用图像标签，接下来将详细介绍图像标签<img />以及和他相关的属性。
代码案例如下：
- 正常的<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>
[td]属性 | 作用 | | 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”，或完整的网络地址，例如“  ”。
锚点定位 （难点）
通过创建锚点链接，用户能够快速定位到目标内容。 创建锚点链接分为两步： 1. 使用相应的id名标注跳转目标的位置。 (找目标) <h3 id="two">第2集</h3> 2. 使用<a href="#id名">链接文本</a>创建链接文本（被点击的） （拉关系） 我也有一个姓毕的姥爷.. <a href="#two">
base 标签
总结： 预格式化文本pre标签
<pre> 标签可定义预格式化的文本。
被包围在 <pre> 标签 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
- <pre>
- 此例演示如何使用 pre 标签
- 对空行和 空格
- 进行控制
- </pre>
| 
发表于 2022-9-16 14:26:05
