一、HTML概述
- htyper text markup language 即超文本标记语言。
- 超文本: 就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。
- 标记语言: 标记(标签)构成的语言。
1、网页的组成
一个网页一般由两部分组成即:
- HTML(Hypertext Markup Language)
- 和CSS(Cascade Style Sheets)
HTML负责描述网页的结构和内容(如标题,导航栏等) CSS则负责网页的表现(外观)(如背景颜色,字体样式等)。
2、HTML文档的基本格式
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML5的基本格式title>
head>
<body>
body>
html>
(1).标记
位于文档最前面,用于向浏览器说明当前文档使用的HTML标准。
(2).标记
也称为根标记,用于告知浏览器其自身是一个HTML文档,标记标志着HTML文档的开始,标记着HTML文档的结束。
(3).标记
用于定义HTML文档的头部信息,称为头部标记。主要用来封装其他位于文档头部的标记。
①.
用于定义HTML页面的标题,即给网页取一个名字。
<title>个人简介网title>
②.:定义页面元信息标记
用于定义页面的元信息,可重复出现在头部标记中,是一个单标记。
常见的几种设置,例:页面编码、刷新、跳转、针对搜索引擎和更新频度的描述和关键词
#1.charset="UTF-8"/>
定义编码格式为utf-8
#2.
可以为搜索引擎提供信息。
- name="keywords":设置网页关键字,如个人简介网页关键字的设置。
<meta name="keywords" content="个人简介,日记,秀出自我"/>
- name="description":设置网页描述,如个人简介网页描述信息的设置。
<meta name="description" content="这是一个个人简介网站,你可以通过本网站来秀出真正的自己。"/>
- name="author":设置网页作者。
<meat name="author" content="刘瑛奇"/>
#3.
设置服务器发送给浏览器的http头部信息,为刘安琪显示页面提供相关的参数。
- 设置字符集。
<meta http-equiv="Content-Type" content-"text/html"; charset="utf-8"/>
- 设置页面自动刷新与跳转。
<meta http-equaiv="refresh" content="10;url=http://www.baidu.com"/>
③.:引用外部文件标记
常用属性:
属性名 | 常用属性值 | 描述 |
href | URL | 指定引用外部文档的地址 |
rel | stylesheet | 指定当前文档与引用外部文档的关系,该属性值通常为stylesheet,表示定义一个外部样式表 |
type | text/css | 引用外部文档的类型为CSS样式表 |
text/javascript | 引用外部文档的类型为JavaScript脚本 |
例如:使用标记引用外部CSS样式表:
<link rel="stylesheet" type="text/css" href="style.css"/>
④.