HTML简介
HTML 是用来描述网页的一种语言。
- HTML 指的是超文本标记语言: HyperText Markup Language 所以简称为“HTML”
- HTML 不是一种编程语言,而是一种标记语言(标记语言是一套标记标签 (markup tag))
- HTML 使用标记标签来描述网页
- HTML 文档包含了HTML 标签及文本内容
- HTML文档也叫做 web 页面
浏览器(显示)
浏览器是网页显示、运行的平台,常用的浏览器有IE、火狐(Firefox)、谷歌(Chrome)、Safari和Opera等。我们平时称为五大浏览器。
我们码农所熟悉的一些工具:sublime;Dreamweaver;WebStorm;Hbuilder;Visual Studio Code;
往往复杂的代码只需要简单的工具书写,大牛(行业尖尖角的存在)都是用记事本进行开发。
迫不及待的开始欣赏一下高端用户体验的网页
(百度不好用吗?浏览器是个好东西,用我们熟悉新学习到的五大浏览器尽情美丽的网页搜索吧)
web标准构成
Web标准不是某一个标准,而是由W3C和其他标准化组织制定的一系列标准的集合。
主要包括结构(Structure)、表现(Presentation)和行为(Behavior)三个方面。
结构标准:结构用于对网页元素进行整理和分类,咱们主要学的是HTML。 最重要
表现标准:表现用于设置网页元素的版式、颜色、大小等外观样式,主要指的是CSS。
行为标准:行为是指网页模型的定义及交互的编写,咱们主要学的是 Javascript
理想状态我们的源码: .HTML .CSS .JS (等同于颜色三原色 重中之重)
好奇的HTML的语法代码来了:
<HTML>
<head>
<title>这是我的第一个网页</title>
</head>
<body>
<p>hello world!!!</p>
</body>
</HTML>
过程:新建一个txt文件,后缀名改掉.html,右击,在谷哥哥(谷歌)浏览器向世界问好吧!!
1 HTML标签:
作用所有HTML中标签的一个根节点。 最大的标签 根标签
2 head标签: 文档的头部
文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
注意在head标签中我们必须要设置的标签是title
3.title标签: 文档的标题
作用:让页面拥有一个属于自己的标题。
4.body标签:文档的主体 以后我们的页面内容 基本都是放到body里面的
body 元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。)
如果不方便记忆的话,我们自身做个实例。
html就是我们整体形象(全部);
head就是我们的脑袋(接收信息);
title就是我们的眼睛(名称);
body就是我们身体(主体);