html概述
- HTML是 HyperText Mark-up Language 的首字母简写,意思是超文本标记语言
- 超文本指的是超链接,标记指的是标签,是一种用来制作网页的语言,使用超链接可以从一个网页跳转到另外一个网页
- 这种语言由一个个的标签组成,用这种语言制作的文件保存的是一个文本文件
- 文件的扩展名为html或者htm,一个html文件就是一个网页
- html文件用编辑器打开显示的是文本,可以用文本的方式编辑它,如果用浏览器打开,浏览器会按照标签描述内容将文件编译成网页。
html基本结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>网页标题</title>
</head>
<body>
网页显示内容
</body>
</html>
doctype文档声明:
- 为了让浏览器知道我们使用的HTML版本
<!DOCTYPE html>
html注释
- html文档代码中可以插入注释,注释是对代码的说明和解释(内容不会显示在网页中)
<!--注释内容-->
html标签
- html使用标记标签来描述网页
<标签>标签内容<标签>
或:
<标签名 />
1.<html>用于告诉浏览器这个文档中包含的信息是用html编写的
(一个网页中只会有一个html标签)
2.html标签中只有<head>和<body>两个子标签
<head>:表示网页元数据
<title>:表示网页标题,显示在网页标题栏
<body>:网页主题
<p>:段落标签
<br />:换行标签
<hr />:水平线标签
<img />:图片标签,用来向网页引入外部图片。
属性:src - 路径 alt - 图片描述
<a>:超链接标签
属性:href - 指向另一个链接地址 target 打开页面位置 (blank-新窗口 self-当前窗口)
html标题
- <h1>为主标题,6种级别的标题表示文档的6级目录层级关系
<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>
html字符实体
- 代码中成段的文字,如果文字间想空多个空格,在代码中空多个空格,在编译成网页时只会显示一个空格,如果想显示多个空格,可以使用空格的字符实体
格式如下:
&实体名
代码如下:
小于号< <
大于号> >
空格
版权符号©️ ©
引号“” "
注册商标®️ ®
商标™️ &tarde
meta用法
- 设置页面字符集
<meta charset="utf-8">
- 设置网页关键字
<meta name="keywords" content="描述" />
- 设置网页描述
<meta name="description" content="描述" />
- 请求的重定向
<meta http-equiv="refresh" content="5;url=地址" />
网友评论