标签：重复   也会   file   超文本标记语言   背景图片   天猫   网页开发   号码   server   

系统结构

B/S架构

• Browser/Server ： （浏览器/服务器的交互形式）
• Brower支持哪些语言：BTML 、CSS 、JavaScript
• 写HTML、CSS、JavaScript代码的这拨人职位叫做：WEB前端开发工程师。
• 前端页面上的图片需要UI设计师完成。
• S是服务器端Server，Server端的语言很多：C、C++、Java、Python ...
• B/S结构的系统有什么优点和缺点？
  • 优点：升级方面、只升级服务器端代码即可。维护成本低。
  • 缺点：速度慢、体验不好、界面不炫酷。
• 企业内部的解决方案都是采用B/S架构的系统，因为企业内部办公需要的一些系统不需要炫酷，不需要特别好的用户体验，只要能做数据的增删改查即可。并且企业内部更注重维护成本。
• B/S架构的系统有哪些代表？
  • 京东、百度、天猫...

C/S架构

• Client/Server ：（客户端/服务端的交互形式）
• 优点和缺点
  • 缺点：升级麻烦，维护成本较高。
  • 优点：速度快，体验好，界面炫酷。（娱乐性的系统多数是C/S架构的）
• 常见的C/S架构的系统：
  • QQ、微信、支付宝...

什么是HTML？怎么开发HTML?怎么运行HTML?

• HTML：Hyper Text Markup Language （超文本标记语言；超文本：流媒体、图片、声音、视频...）由大量的标签组成，每一个标签都有开始标签和结束标签。

    
        
        标签>
    标签>
标签>

• HTML开发的时候使用普通的文本编辑器就行，创建的文件扩展名是.html或者.htm。HTML也有专业的开发工具，例如：DreamWeaver、HBuilder ...
• 直接采用浏览器打开HTML文件就是运行。

HTML是谁制定的？

• w3c （世界万维网联盟）制定了HTML的规范，每个浏览器生产厂家都会遵守规范。HTML程序员也会按照这个规范去写代码。
• HTML目前最高的版本是HTML5.0，简称H5。我们这里学习HTML4.0（主要是学习一下HTML的基础用法）。

我的第一个HTML页面

		页面的主体内容，欢迎学习HTML！
		

HTML的基本标签

	

诗曰：混沌未分天地乱，茫茫渺渺无人见。自从盘古破鸿蒙，开辟从兹清浊辨。
		覆载群生仰至仁，发明万物皆成善。欲知造化会元功，须看西游释厄传。
		
盖闻天地之数，有十二万九千六百岁为一元。
		
将一元分为十二会，乃子、丑、寅、卯、辰、巳、午、未、申、酉、戌、亥之十二支也。
		
每会该一万八百岁。且就一日而论：子时得阳气，而丑则鸡鸣；寅不通光，而卯则日出；辰时食后，而巳则挨排；
		
日午天中，而未则西蹉；申时晡而日落酉，戌黄昏而人定亥。譬于大数，若到戌会之终，则天地昏缯而万物否矣。
		
		
		
标题字
		
标题字
		
标题字
		
标题字
		
标题字
		
		
		hello
		world
		hello
world!
		
		
		



		for(int i=0;i
		
		删除字
		插入字
		粗体字
		斜体字
		
		102
		10m字体标签
	

HTML的实体符号

	

			bc
			
			b<a>c
			
			
			a       b
		

HTML的表格

	



a
					
b
					
c
				

d
					
e
					
f
				

x
					
y
					
z
				

HTML的表格-单元格合并

	



	



1
					
					
3
				

a
					
b
					
cf
				

d
					
e
					
				
HTML的表格-thead tbody tfoot


	



员工编号
					
员工薪资
					
部门名称
				

1
					
					
3
				

a
					
b
					
cf
				

d
					
e
					
				


HTML-背景色和背景图片


	


HTML-图片img标签


	





HTML-超链接


	



		百度
		百度新闻
		京东商城
		天猫
		12306
		
		


		图片
		
		
		
			
Html-超链接的作用-request和response的概念

超链接的作用

超过超链接可以从浏览器向服务器发送请求
浏览器向服务器发送数据（请求：request）
服务器向浏览器发送数据（响应：response）


B/S结构的系统：每一个请求都会对应一个响应。

B ---请求---> S
S ---响应---> B

用户点击超链接和用户在浏览器状态栏上直接输入url，有什么区别？

本质上没有区别，都是向服务器发送请求。
从操作上讲，超链接使用起来更方便。


HTML-列表


	



水果
				

苹果
					
西瓜
					
桃子
				

			
蔬菜
				

白菜
					
胡萝卜
					
芹菜
				

			
甜点
		

中国
				

北京
					
南京
						

江宁区
							
栖霞区
							
建邺区
						

					
杭州
				

			
美国
			
日本
		
HTML-form表单初步


	



			
			
			
			

		
		
		

			

		
		

			用户名

			密码


		
		
		

			


员工编号
						
员工薪资
						
部门名称
					

1
						
2
						
3
					

a
						
b
						
c
					





















用户名
					

				

密码
					

				


						
						      
						

				


	

	



			用户名
			

			密码
			

			确认密码
			
			性别
			男
			女  
			

			兴趣爱好
			抽烟
			喝酒
			烫头
			

			学历
			高中
大专
本科
硕士
博士
	
			简介 
			


	

	


江苏省
浙江省
安徽省
湖南省
四川省

	



			
			
			用户代码

	

	



			用户代码

			用户姓名


	

	


我是一个div
		
我是一个div
		
		我是一个span标签
		我是一个span标签