Html之入门

最新推荐文章于 2024-11-17 22:56:44 发布

chouzhulun1683

最新推荐文章于 2024-11-17 22:56:44 发布

阅读量86

点赞数

文章标签：数据结构与算法测试

原文链接：https://my.oschina.net/u/2997521/blog/1499891

版权

1、网页的构造

Html文档可以分为三部分：

第1部分为纯文本，即网页中显示的文本内容。

第2部分内容为对其他文件的引用，包括图片、视频、音频、脚本文件、样式表，其他Html文档。

第3部分为标记：类似于<h1></h1>的特殊文本，标记不会显示给用户，只是从语义的角度向浏览器说明被标记包含的内容是什么。

<!DOCTYPE html>
<html>

	<head><meta charset="utf-8" />
		<body>
			<h1>这里是标记<pre>h1</pre>的内容</h1>
		</body>

</html>

效果如下：

特别注意：<h1>标记只是告知浏览器这里是一个段落，而显示出来的效果是由样式控制的，每个浏览器都有自己默认的样式。样式不属于标记的内容

Html本质上只是一种数据交换格式，标记是从语义上说明Html文档携带的内容是什么。如果从MVC模型的角度来说，Html文档是Model，浏览器扮演Controler和View的角色。

个人觉得从数据结构的角度来理解Html文档比较简单，Html文档是一系统Html元素的集合，这些元素以树的形式组织在一起，html元素从有无标签体分为两类。

<h1>这是带标签体的</h1>
<br/>这是不带标签体的

关于Html元素的属性，本人还没真正理解，希望大神指导，目前个人理解如下：

元素可以带属性也可以不带属性，如<h1 style="color:red;">Hello World</h1>,不带属性的如换行符<hr/>

Url为统一资源定位符，全写为Uniform resource locator 。其格式包含两部分

如http://www.baidu.com，http表示使用的通信协议，:为固定，后面的字符串表示资源地址。

目前我已知的协议

文件系统为树形结构，Url也是如此。其中../表示一级目录。

相对定位：指相对于当前页面所在的目录。

绝对定位：需要使用完整的资源定位；绝对定位可以链接到外部资源。

如：当点击“百度”的时候，浏览器将在当前页面打开百度首页

<!DOCTYPE html>
<html>

	<head><meta charset="utf-8" />
		<body>
			<a href="http://www.baidu.com" >百度</a>
		</body>

</html>

根相对定位：使用/表示根目录。

最后还是要有点良心：

参考文档：《HTML5与CSS3基础教程第8版》

转载于:https://my.oschina.net/u/2997521/blog/1499891