HTML基础学习——HTML简介

2019-08-10  本文已影响0人  思君_4cd3

https://www.w3school.com.cn/html/html_elements.asp
在此网站有更多关于HTML学习的知识~

一.什么是HTML?

超文本标记语言(Hyper Text Markup Language),标准通用标记语言下的一个应用。HTML 不是一种编程语言,而是一种标记语言 (markup language),是网页制作所必备的。超文本就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。超文本标记语言(或超文本标签语言)的结构包括头”部分、和“主体”部分,其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。
(以上来自百度百科)

二.HTML文件命名规范

1.文件后缀名应该是 .html 或者 .htm
2.文件名中英文皆可,推荐使用英文

三.URL

url是统一资源定位符,对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示,是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL,它包含的信息指出文件的位置以及浏览器应该怎么处理它。 [1] url 是网民们在 Internet 知识海洋中寻找资源、获取信息、用 E- mail 通讯、网上交流等所必不可少的。它最初是由蒂姆·伯纳斯·李发明用来作为万维网的地址。现在它已经被万维网联盟编制为互联网标准RFC1738了。
(以上来自百度百科)

分类:
1.绝对URL:

绝对URL(absolute URL)显示文件的完整路径,这意味着绝对URL本身所在的位置与被引用的实际文件的位置无关。
包含两个部分:
第一部分是协议名。(它告诉浏览器如何处理将要打开的文件。最常用的模式是超文本传输协议(Hypertext Transfer Protocol,缩写为HTTP),这个协议可以用来访问网络)
其他协议:
http——超文本传输协议资源
https——用安全套接字层传送的超文本传输协议
ftp——文件传输协议
mailto——电子邮件地址
ldap——轻型目录访问协议搜索
file——当地电脑或网上分享的文件
news——Usenet新闻组
gopher——Gopher协议
telnet——Telnet协议
第二部分是文件所在的服务器的名称或IP地址,以及到达这个文件的路径和文件本身的名称。
eg:
http://www.baidu.com(百度首页的URL,http://是第一部分协议名,剩下的是第二部分)
ftp://www.phpchina.com/test/

2.相对URL:

相对URL是不完整的,要从相对URL中获取访问资源所需的全部信息,就必须相对另一个被称为基础的URL进行解析。相对URL(relative URL)以包含URL本身的文件夹的位置为参考点,描述目标文件夹的位置。如果目标文件与当前页面(也就是包含URL的页面)在同一个目录,那么这个文件的相对URL仅仅是文件名和扩展名,如果目标文件在当前目录的子目录中,那么它的相对URL是子目录名,后面是斜杠,然后是目标文件的文件名和扩展名。
一般来说,对于同一服务器上的文件,应该总是使用相对URL,它们更容易输入,而且在将页面从本地系统转移到服务器上时更方便,只要每个文件的相对位置保持不变,链接就仍然是有效地。
相对URL为了保持一组资源(HTML页面)的便捷性提供了一种便捷方式,如果使用相对URL,可以在搬移一组文档时,仍保持链接的有效性;因为相对URL是相对于新基础进行解释的,类似于在其他服务器提供镜像内容等功能。
(部分来自于百度百科)
以包含URL本身的文件夹的位置为参考点,描述目标文件夹的位置,例如:
one.html: 当前文件夹中的one.html文件
two/three.html:当前子文件夹two下面的three.html文件
../four.html:当前父文件夹中的four.html文件

四.HTML文档的基本结构

基本结构

这个时候打开这个HTML文件的时候网页是一片空白,点击查看网页源代码的时候可以看到我们所写的代码。
接下来我们往里面添加内容:


示例1
结果

五.HTML元素

1.位于<和>之间的是HTML元素及其属性
<meta charest="UTF-8" />
2.标签必须是HTML有效元素
<abcdefg>
3."双标签"与“单标签”
<html></html>
<br />
4.标签不区分大小写
<html> <HTML> <HTmL>

六.HTML元素的属性

例如:<meta charest="UTF-8" />
1.元素和它的属性必须放在同一个标签中
2.标签内,元素与属性之间必须使用空格分开
3.元素属性的值建议使用单引号或双引号括起来
4.属性和属性值也不区分大小写

(此文章仅作为个人学习笔记使用,如有错误欢迎指正~)

上一篇下一篇

猜你喜欢

热点阅读