HTML

Posted on Edited on

初识HTML

这一篇是好久之前的笔记啦，当时看的是动力结点杜聚宾老师的课，重新回顾一下发到博客上来。

在学习HTML之前，先了解一下两种系统架构：

系统结构：B/S架构和C/S架构

B/S架构：

==Browser / Server （浏览器/服务器的交互形式）==用户通过浏览器来访问。

Browser支持哪些语言：HTML CSS JavaScript

Server即服务器端的语言很多：C C++ Java python…..

B/S架构的系统有什么优点和缺点？
  • 优点：==升级方便，只升级服务器端代码即可，维护成本低。==
  • 缺点：==速度慢、体验不好、界面不炫酷。==

企业内部的解决方案都是采用B/S架构的系统，因为企业内部办公需要的一些系统不需要炫酷，不需要特别好的用户体验，只要能做数据的增删改查即可。并且企业内部更注重维护的成本。

B/S架构的系统有哪些代表？

京东、百度、Google….

C/S架构

Client / Server （客户端/服务器端的交互形式）用户通过客户端来访问。

C/S架构的系统有什么优点和缺点？
  • 缺点：==升级麻烦，维护成本较高。==
  • 优点：==速度快，体验好，界面炫酷。==（娱乐型的系统多数是C/S架构的）
常见的C/S架构的系统：

QQ、微信、网易云….

想起来我在数据库课程上老师也讲过C/S架构和B/S架构，这是我当时记下的：

CS架构和BS架构

HTML就是在B/S架构中的Browser端发挥作用的。

什么是HTML？

html：hyper text markup language，超文本标记语言

==超文本？==

​ 超级文本，例如流媒体，声音，视频，图片等。

==标记语言？==

​ 这种语言是由大量的标签组成。

tip：任何一个标签都有开始标签和结束标签，例如：

<标签> ：开始标签

</标签> ：结束标签【括号内起始位置增加一个反斜杠】

HTML是不是编程语言？

html严格意义上来只能说是一种规范，一种浏览器上的规范，标签语言，不能称为编程语言，因为html中没有变量、数据类型、控制语句if、for，这些都没有的。

tip : HTML是标签语言，CSS是样式语言，都不是编程语言。只有JavaScript是编程语言。

HTML运行在哪？

运行在浏览器上，直接使用浏览器打开HTML文件就能运行。

用什么开发？

HTML开发的时候使用普通的文本编辑器就行，创建的文件扩展名是.html或者.htm

HTML也有专业的开发工具，例如：DreamWeaver、HBuilder…..

HTML基本网页结构

文件格式：xxx.html（推荐）xxx.htm

HTML的基本组成？
1
2
3
4
<html>
<head></head>
<body></body>
</html>

一定有head和body两部分组成

!doctype声明：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html>
    <!--注释代码-->
    
    <!--声明式：不能显示（head中只有title里的内容可以在网页标题中显示）-->
    <head>
    	<!--设置网页编码-->
        <meta charset="utf-8"/>SEO 
    	<!--关键词：是否能被搜索引擎搜到-->
        <meta name="keywords" content="学习html"/>
    	<!--描述：当搜到网页时，展示的简介内容-->
        <meta name="description" content="学习html非常好"/>
    <title>my first html</title>
    </head>
    
    <!--能够显示的-->
    <body>
    my context
    </body>
</html>

html不区分大小写，容错性很强

HTML是谁制定的？

W3C：世界万维网联盟（World Wide Web Consortium）

W3C制定了HTML的规范，每个浏览器生产厂家都会遵守规范。HTML程序员也会按照这个规范去写代码。

W3C标准：

  • 具体的实现产品html css javascript
  • html版本
  • html和xhtml的区别
  • html内容的语义化

HTML规范目前最高的版本是：HTML5.0，简称H5.

W3C制定了很多规范：HTML/XML/http协议/https协议……