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元素
- …
- meta元素
- 元素:包括内容标题,文本修饰,特殊字符
- 内容标题:<h1> <h2> <h3> <h4> <h5> <h6>
- 文本修饰:<font> <b> <i> <u>…
- 特殊字符:空格( ),&号(&),双引号(")
-
-
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 在指定的框架中打开被链接文档