1、HTML+CSS
周期 1:入门概述
1、概述
1、什么是HTML
HTML 是个缩写形式,其全叫作为 Hyper Text Markup Language,翻译成中文的含义为超文本标记语言。HTML 不是一门编程语言,而是一门标记语言,由于 HTML 是由于一系列的元素构成,这些元素能够包括文本、超链接等区别内容。
例:<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML基本结构</title>
</head>
<body>
<h1>这是最基本的HTML结构</h1>
</body></html>
细究:概念分成超文本和标记语言两部分进行分别学习。
2、什么是超文本
经过浏览器运行后缀名为.html或.htm文本,浏览器运行并表示这个文本的内容
3、什么是标记语言
标记语言中的标记指的便是 HTML 中的元素(Element),而 HTML 便是由这般的一系列元素构成的,因此被叫作为标记语言。
HTML 的元素是给定的。没论是 HTML 元素的数量,还是 HTML 元素的功效都是固定不变的。换句话讲,咱们学习 HTML 简单来讲便是学习 HTML 元素的含义、功效以及用法等内容。
4、HTML版本
在 HTML 版本发展历程中,大部分的版本都离咱们远去了,亦便是说咱们并不关心,而必须关心的是 4.01 和 5 这两个版本。5 版本是 HTML 日前最新版本,亦便是咱们此刻常说的 HTML5,况且此刻学习 HTML 都是针对 5 这个版本进行学习的。
反而必须尤其关心的是 4.01 版本。由于 4.01 版本依旧存在于有些较老的网站或系统中,倘若将来你的工作是对这些网站或系统进行升级工作的话,那样就必须认识 4.01 这个版本的内容。
2、框架
1、基本概念
1、<!DOCTYPE>
声明、元素和注释等内容
<!DOCTYPE html>在HTML5版本,基本结构的第1行,这块内容被叫作为 HTML 声明。HTML 声明的功效是浏览器运行该 HTML 页面时,通知浏览器当前 HTML 页面的版本。这般浏览器会准确地进行解析并展示其内容。
2、<html> 元素:暗示当前 HTML 页面的根元素,用来包括所有其他 HTML 元素。
<html lang=""en"> en为(english)英文网站,能够输出为中文,只是会让你的浏览器提示你要不要翻译此页,倘若改成zh-cn(中文)就无翻译的选项了
3、<head> 元素:暗示当前 HTML 页面的头部,用来定义当前 HTML 页面的基本信息,例如标题、重要字、作者等内容。
4、<body> 元素:暗示当前 HTML 页面的主体,用来定义最后表示在浏览器窗口的内容。
2、HTML元素
除了 HTML 声明之外,其他内容都是 HTML 元素
元素(Element):是用来包括文字、照片或音视频的内容,通常是由于标签+内容构成。
标签(Tag):是元素的构成部分,通常分为起始标签和结束标签。
HTML 元素能够分为闭合元素和空元素两种类型
闭合元素:拥有起始标签和结束标签,况且起始标签和结束标签是成对显现的
空元素:仅有起始标签,而无结束标签。
重视:<html> 元素是比较特殊的元素,叫作为根元素。在一个 HTML 页面中只能存在一个 <html> 元素,即使编写了多个 <html> 元素,运行 HTML 页面时浏览器亦会自动忽略。
3、简单标签(认识)
1、双标签
1、“ol”有序列表
2、 “ul”没序列表
3、 “h1~h6‘’递减标题标签
4、‘’html‘’超文本标记语言
5、‘’超文本‘’指页面内能够包括照片、链接、音乐、程序等非文字元素。一种静态的前端,能够说是前端的基本,web是动态前端。
6、‘’body‘’主体的意思。,部分供给网页的内容。
7、‘’head‘’开头,供给网页的信
|