HTML语言特点
1、可以设置文本的格式,比如标题、字号、文本的颜色
2、超链接,可以使用鼠标点击超链接来实现页面间的跳转
3、可以插入图像和媒体
4、可以创建表格
HTML的标签和属性
查看html代码,会发现html代码中都是<h1>标题</h1>或者<a href=”http://www.baidu.com”>超链接</a>,其中<h1></h1>和<a></a>就是html中的标签,而html是由无数个这种<标签>内容</标签>标记组成的,所以html称为标记语言强调内容。
像<a href=”http://www.baidu.com”>超链接</a>中的href就是a标签的属性值。
注意:
①HTML语法不区分大小写<a></a>与<A></A>一样
②文档注释使用<!–注释内容–>
③代码的格式:空格、回车不起作用(无论多少个空格只用一个空格起作用)
④缩进保持严格的规则,以“Tab”键进行缩进(为了使代码看着简洁,不缩进也不影响)
⑤字符实体:实体名称代替特殊符号,例如使用&/t或<代替<
HTML结构
<html><!--HTML文档标记,位于网页的最前和最后-->
<head> <!--HTML文件头标记,用来包含文件的基本信息,内容不会再浏览器中显示-->
<!--头部内容-->
</head>
<body><!--网页真正显示的内容都在body标签中-->
<!--网页内容-->
</body>
</html>
title
元素设置文档的标题。浏览器通常会在浏览器窗口或选项卡的顶部显示此元素的内容。
每个HTML文档应该只有一个标题元素。
<!DOCTYPE HTML>
<html>
<head>
<title>Example from </title>
</head>
<body>
<p>This is a test.</p>
<a href="">Visit </a>
</body>
</html>
HTML Base
base
元素为相对链接设置基本URL。
相对链接是省略URL的协议,主机和端口部分的链接并且针对一些其他URL(由基本元素或由基本元素指定的URL)进行评估用于加载当前文档的URL。
base
元素也指定如何在用户单击链接时打开链接,以及在表单提交后浏览器的行为。
base
元素有两个局部属性
- href
- target
HTML文档最多只能包含一个基本元素。
href属性
href
属性指定基本URL将解析文档中的相对URL。
<!DOCTYPE HTML>
<html>
<head>
<title>Example</title>
<base href="//listings/"/>
</head>
<body>
<p>This is a test.</p>
<a href="https://">Visit </a>
<a href="/javascript.html">JavaScript</a>
</body>
</html>
如果不使用 base
元素,那么浏览器将假设它应该解析与当前文档的URL的任何相对链接。
target属性
target
属性指示浏览器如何打开网址。
HTML元数据
meta
元素定义文档的元数据。meta
元素有局部属性,包括 name,content,charset,http-equiv
。charset
属性是HTML5中的新功能HTML4 scheme
属性现在已过时。元素的每个实例只能用于这些目的之一。
名称/值元数据对
meta
元素的第一个用途是定义名称/值对中的元数据,使用 name
和 content
属性。
<!DOCTYPE HTML>
<html>
<head>
<meta name="author" content=""/>
<meta name="description" content="A simple example"/>
</head>
<body>
<a href="">Visit </a>
</body>
</html>
下表列出了可以与meta
元素一起使用的预定义元数据类型。
元数据名称 | 描述 |
---|---|
application name | 当前页面所属Web应用程序的名称 |
author | 当前页的作者的名称 |
description | 当前页面的描述 |
generator | 生成HTML的软件的名称 |
keywords | 一组用逗号分隔的字符串,用于描述内容 |
大多数搜索引擎将识别的三个值是
- noindex - 不要索引此页面
- noarchive - 不要创建此页面的存档或缓存版本
- nofollow - 不要追踪(即抓取)此页面的链接
HTML字符集
要正确显示HTML页面,我们必须设置字符集(字符编码)。meta
元素的另一个用途是声明字符编码。
<!DOCTYPE HTML>
<html>
<head>
<title>Example</title>
<meta name="author" content=""/>
<meta name="description" content="A simple example"/>
<meta charset="utf-8"/>
</head>
<body>
<p>This is a test.</p>
<a href="">Visit </a>
</body>
</html>