前端基础复习之HTML

1.web基础知识

 1 1、Web基础知识
 2     1、Internet
 3         1、简介
 4             Internet 实际上就是由计算机所组成的网络结构
 5 
 6             服务:
 7                 1、Telnet
 8                     远程登录
 9                 2、Email
10                     电子邮件
11                 3、WWW
12                     万维网服务,World Wide Web
13                 4、BBS
14                     电子公告板 (论坛)
15                     百度贴吧,天涯论坛,... ...
16                     CSDN ... ...
17                 5、FTP
18                     文件传输协议
19 
20             基本实现技术:
21                 1、分组交换原理
22                     将传递的数据 拆分成若干数据包
23                 2、TCP/IP协议
24     2、Web
25         Web :运行在Internet上的最流行的应用
26             WWW : World Wide Web
27             W3C : World Wide Web Consortium(万维网联盟)
28 
29             将 各类信息 以及 服务 进行无缝连接:
30                 信息:文字,图像,音频,视频,文件
31                 服务:BBS,Telnet,Email
32     3、Web的工作原理
33         WEB是 基于 浏览器 / 服务器 模式的程序(B/S)
34             B : Browser 浏览器
35             S : Server 服务器
36 
37         基于 客户端 / 服务器 模式的程序(C/S)
38             C : Client 客户端
39             S : Server 服务器
40             必须通过指定的客户端才能访问服务器数据的一种模式
41         由Web服务器,浏览器 以及 通信协议 来组成
42             服务器:提供服务的机器
43             浏览器:工具
44             通信协议:web中使用的时http通信协议
45                 http: Hyper Text Transfer Protocol
46                         超级  文本 传输     协议
47                 规范了
48                     数据是如何打包的
49                     数据是如何传递的
50         1、Web服务器
51             功能:
52                 1、存储Web上内容信息
53                 2、接收客户端请求,并给出响应
54                 3、具备一定的安全功能
55             产品:
56                 1、Tomcat
57                 2、Apache
58                 3、IIS
59                 ... ...
60         2、WEB浏览器
61             功能:
62                 1、代替用户提交请求(User Agent)
63                 2、作为HTML/CSS/Javascript 的解析器
64                 3、以图像化的方式显示网页文档
65             产品:
66                 1、Microsoft IE
67                 2、Mozilla FireFox
68                 3、Google Chrome
69                 4、Apple Safari
70                 5、Opera 
71     4、Web相关技术
72         1、服务器端技术
73             运行于服务器端,具备访问数据库的能力
74 
75             1、PHP
76             2、JSP
77             3、ASP
78             4、ASP.NET
79             5、Python
80             6、NodeJS
81         2、浏览器端技术(客户端)
82             运行在客户端,由浏览器负责解释
83             1、HTML
84             2、CSS
85             3、JavaScript(JS)

 

 2.HTML入门

  1 2、HTML入门
  2     1、HTML概述
  3         Web : 一种应用
  4         HTML是开发Web网页程序的一种语言
  5 
  6         1、什么是HTML
  7             HTML:Hyper Text Markup Language
  8                       超级  文本 标签   语言
  9                 超级文本:具备超能力的文本
 10                     字符 a :首字符
 11                     超文本 a :链接
 12                 标签/标记:超文本的组成形式
 13                 语言:具备不同的语法规范
 14             由HTML编写的文本最终是以 .html 或 .htm作为结尾的文件 , 并且由浏览器解释运行
 15     2、HTML语法规范(重点)
 16         1、标记
 17             在HTML中,用于描述功能的符号称之为 "标记"
 18 
 19             语法:
 20                 标记在书写时,必须用 尖括号 括起来(<>)
 21                 标记分成 封闭类型的标记 和 非封闭类型的标记
 22                 1、封闭类型标记
 23                     必须成对出现
 24                     <标记> 内容 标记>
 25                     注意:
 26                         1、封闭类型标记必须成对出现
 27                         2、标记必须要完整,否则会有意想不到的效果
 28 
 29                 2、非封闭类型标记
 30                     又称为 单标记 或 空标记
 31                     <标记><标记/>
 32                     ex : 
 33                         <br> : 换行
 34                         <hr/>: 水平线
 35         2、元素
 36             元素 即 标记
 37             ex:
 38                 <a>百度a>
 39 
 40             1、元素的嵌套
 41                 元素之间可以相互嵌套,形成更为复杂的页面结构
 42                 语法:
 43                     <标记><标记1>标记1>标记>
 44                 注意:
 45                     1、注意嵌套顺序
 46                     2、必须完整嵌套
 47                     3、格式问题
 48                         被嵌套的内容要通过缩进(Tab)表示层级关系    
 49                     ex:
 50                         <a><b><span><i><u>Hello Worldu>i>span>b>a>
 51                         推荐的格式:
 52                         <a>
 53                             <b>
 54                                 <span>
 55                                     <i>
 56                                         <u>
 57                                             Hello World
 58                                         u>
 59                                     i>
 60                                 span>
 61                             b>
 62                         a>
 63             2、属性 和 值
 64                 属性 是用来修饰 元素的
 65                 语法:
 66                     1、属性的声明必须位于开始标记中
 67                     2、属性名称与标记名称之间用空格隔开
 68                         <标记 属性>标记>
 69                         <标记 属性/>
 70                     3、属性值 与 属性之间 用 "=" 来连接
 71                          属性值要用 "" 或 '' 引起来
 72                         <标记 属性="值">
 73                     4、一个元素允许有多属性,多属性之间排名不分先后,中间用 空格 隔开
 74                         <标记 属性1="值" 属性2="值">
 75 
 76                         ex:
 77                             <p align="center" id="p1">p>
 78                 
 79                 通用属性:大部分元素都会具备的属性
 80                     1、id
 81                         定义元素在页面中独一无二的名称
 82                     2、title
 83                         鼠标移入到元素上时所提示的信息
 84                     3、class
 85                         指定元素所引用的类选择器(CSS中使用)
 86                     4、style
 87                         定义元素的内联样式(css中使用)
 88         3、注释
 89             要编写在源文档中,但不想被浏览器解释运行的内容
 90             
 91             注意:
 92                 1、注释不能嵌套
 93                     
 98                     -->
 99                     以上结构是错的
100                 2、注释不能出现在标记(<>)里
101                     <a 
                    

你可能感兴趣的:(前端基础复习之HTML)