美文网首页
HTML基础学习——HTML简介

HTML基础学习——HTML简介

作者: 思君_4cd3 | 来源:发表于2019-08-10 22:11 被阅读0次

    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.属性和属性值也不区分大小写

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

    相关文章

      网友评论

          本文标题:HTML基础学习——HTML简介

          本文链接:https://www.haomeiwen.com/subject/awypdctx.html