HTML基础

HTML概述

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

HTML文档结构

  • HTML由<html> <head> <body>组成

    • <html>元素:以<html>开始,以</html>结束,所有内容都需要放到这两个标签之间

    • <head>元素:不包含页面的主题内容

    • title元素
      • meta元素
        • 对页面的设置,通过http-equiv属性进行指定
        • 对搜索引擎的设置,通过name属性进行指定
      • script元素
      • style元素
    • 元素:包括内容标题文本修饰,特殊字符
    • 内容标题:<h1> <h2> <h3> <h4> <h5> <h6>
      • 文本修饰:<font> <b> <i> <u>…
      • 特殊字符:空格(&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在指定的框架中打开被链接文档
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值