day7

web概念概述

*JavaWeb
	*使用Java语言基于互联网的项目
	
*软件架构
	1.C/S:客户端/服务器端
		*在用户本地有一个客户端程序,在远程有一个服务端程序
		*如qq,迅雷
		*优点:
			1.用户体验好
		*缺点:
			1.开发,安装,部署,维护麻烦
	2.B/S:浏览器/服务器
		*只需要一个浏览器,用户通过不同的网址(URL),客户访问不同的服务端程序
		*优点:
			1.开发,安装,部署,维护简单
		*缺点:
			1.如果应用过大,用户体验受到影响
			2.对硬件要求过高
			
*B/S架构详解
	*资源分类:
		1.静态资源:
			*使用静态网页开发技术发布的资源
			*特点:
				*所有用户访问得到的结果一样
				*如HTML,CSS,JavaScript
		2.动态资源
			*使用动态网页及时发布的资源
			*特点:
				*所有用户访问得到的结果可能不一样
				*如jsp/servlet,php,asp...
				*如果用户请求动态资源,那么服务器将会执行动态资源,转化为静态资源,再发送给浏览器
	*我们要学习动态资源,必须先学习静态资源!

	*静态资源
		*HTTP:用于搭建基础网页,展示页面的内容
		*CSS:用于美化页面,完成布局工作
		*JavaScript:控制页面的元素,让页面有一些动态的效果

HTML

1.概念:最基础的网页开发语言
	*超文本标记语言
		*超文本:
			*超文本是用超链接的方法,将各种不同空间的文字信息组织再一起的网状文本
		*标记语言:
			*由标签构成的语言。 <标签名称> 如html,xml
			*标签语言不是编程语言
			
2.快速入门:
	语法:
		1.html文档为html
		2.标签分为
			1.围堵标签:有开始和结束标签 如<html></html>
			2.自闭和标签:开始标签和结束在一起 如换行<br/>
			
		3.标签可以嵌套:
			需要正确嵌套,不能你中有我,我中有你
		
		4.在开始标签中可以定义属性,属性有键值对构成,值需要用引号引起来
		5.html的标签不区分大小写,但是建议使用小写

3.标签学习:
	1.文件标签:构成html最基本的标签
		*html:html的根标签
		*head:头标签,用于去指定html文档的一些属性。引入外部资源
		*title:标题标签
		*body:体标签
		*<!DOCTYPE html>:html5中定义该文档是html文档
		
	2.文本标签:和文本有关
		*注释:<!--  注释内容 -->
		*<h1> to <h6>:标题标签,1从6字体逐渐变小
		*<p>:段落标签
		*<br>:换行标签
		*<hr>:显示一条水平线
		*<b>:字体加粗
		*<i>:斜体
		
	3.图片标签:
		*img:展示图片
			*src属性:指定图片的位置
			
	4.列表标签:
		*有序列表
			*ol:有序列表
			*li
		*无序列表
			*ul
			*li
			
	5.链接标签:
		*a:定义一个超链接
			*href!!!
				<a href="http://www.baidu.com">点我</a>
			*target:在新窗口打开
				*_self:在当前页面打开
				*_blank:在空白页面打开
				<a href="http://www.baidu.com" target="_blank">点我</a>
	
	6.div和span:(跟CSS一起用)
		*span:文本信息在一行展示
		*div:每个div占满一行,会自动换行
	
	7.语义化标签:html中为了提高程序的可读性,提供了一些标签(CSS)
		1.<header>
		2.<footer>
	7.表格标签:
		*table:定义表格
		*tr:定义行
		*td:定义单元格
		*th:定义表头单元格
		*<caption> :标签定义表格的标题
		*<thead>:表示表格的头部分
		*<tbody>:表示表格的体部分
		*<tfoot>:脚部分
			---增加可读性

HTML的表单标签

非常重要!

*表单:
	*概念:用于采集用户输入的数据的,用于和服务器进行交互。
	*使用的标签:form
	form:可以定义一个范围,范围表示采集用户数据的范围
		*属性:
			*action:提交数据的URL
			*method:指定提交方式
		*表单项中的数据要想被提交,必须指定其name属性
		
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值