HTML基础

HTML基础

HTML概述

• HTML(超文本标记语言，Hyper Text Markup Language)
• 万维网联盟(World Wide Web Consortium,简称W3C

HTML文档结构

• HTML由 组成

  • 元素：以开始，以结束，所有内容都需要放到这两个标签之间
  • 元素：不包含页面的主题内容
  • title元素
    • meta元素
      • 对页面的设置，通过http-equiv属性进行指定
      • 对搜索引擎的设置，通过name属性进行指定
    • script元素
    • style元素
    • …
  • 元素：包括内容标题，文本修饰,特殊字符
  • 内容标题：

    • 文本修饰： …
    • 特殊字符：空格(&nbsp),&号(&amp),双引号(&quot)

• HTML是一种纯文本文件，以“.htm”或“.html“结尾

• HTML的基本组成单位是元素，语法结构如下：

  <标签>

  ​ 内容

  </标签>

URL简介

• URL(Uniform Resource Locator,统一资源定位器)，URL是Internet上标准的资源地址，又称为网址

• URL保护三个关键部分：协议，主机地址和文件路径

  https://tieba.baidu.com/index.html

  [协议] [主机地址] [文件路径]

• 绝对路径是指一个完整的路径

  • https://tieba.baidu.com/index.html

• 相对路径比绝对路径更加简洁

  • 当浏览器访问Web资源是，如果页面中提供的地址是相对地址，浏览器就会将相对URL转成完整的绝对URL后在获取资源

  • 相对路径的访问方式由以下几种形式：

    • 同一目录
    • 子目录
    • 父目录
    • 根目录
    

• 锚点链接分为同一页面的锚点链接和跨页面的锚点链接，实现步骤如下：

  1 在目标页面中，使用标签创建锚点标记

  2 在页面中，创建超链接链接到锚点

  ​ <a>标签的href属性是由”#“ + ”目标锚点名称“两部分构成

  <a id = "myAnchor">这里是我创建的锚点</a>
  <a name = "otherAnchor">这里是我创建的锚点位置</a>
  <a href = "#myAnchor">链接到锚点的位置</a>
  

• 图片链接与图片热区链接

• JavaScript链接

  <a href="JavaScript:alert('你好，欢迎回来'),">JavaScript链接</a>
  <a href="JavaScript:void(0);" onClick="alert('欢迎回来');">JavaScript链接</a>
  <!--以上两种是等效的-->
  

• 超链接的target属性

  值	描述
  _blank	在新窗口中打开被链接文档
  _self	默认值。在相同的框架中打开被链接文档
  _parent	在父框架集中打开被链接文档
  _top	在整个窗口中打开被链接文档
  frameName	在指定的框架中打开被链接文档

来源：CSDN

作者：FreOO

链接：https://blog.csdn.net/qq_41429521/article/details/104486282