1 web Conceptual Overview
java web development using java collectively pages side language, contains all the tools and languages that may be used
1.1 Classification
CS architecture: Client / Server users have a local client,
Pros: 1 large game requires local end (Map or skin) needs locally. Fast and stable.
Disadvantages: 1 , respectively, and the development of the local server , two different regional deployment, maintenance problems
BS Architecture: Browser / Server browser / server
Requires only a browser, the user through the web site URL, clients can access different servers.
Pros: development and maintenance deployment and simple maintenance . Only you need to develop a server.
Disadvantages: If the application is too large, poor user experience. Bandwidth is limited. Hardware requirements are too high.
1.2 BS Detailed architecture:
Each browser has a parsing engine
Resource Category:
Static Resource: Using static web development technology resources released
Features: All user access, the result is the same, such as text, images, audio, video, HTML, CSS, Javascript. If the user requests a static resource, then the server will be sent directly to the static resources to the browser, the browser built-parsing engine static resources, can parse static resources.
Dynamic resource: the use of resources and timely release of the dynamic web technology.
Features: As Jsp / servlet, php, asp ... if a user requests a dynamic resource, then the server performs a dynamic resource, into static resource, and then sent to the browser (browser only parse static resources).
HTML: the foundation for building web pages, namely content
CSS: for landscaping and layout of the page that change fonts and the like
JavaScript: control page, so that page there are some dynamic effects (Figure replacement)
2.1 HTML most basic web development language.
Concept: hypertext protocol
超文本是使用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本。标记语言:标记非编程语言,无逻辑,主要由标签构成的语言。<标签名称>如html,xml。
快速入门:
语法:html文件,后缀名为html。
围堵标签:即一对html标签,为开始标签和结束标签;尾巴标签加 /
嵌套标签:标签可以嵌套,嵌套需要正确姿势,不可交叉,即<b><a><a><b>;解析中,标签将被解析,不显示。
自闭和标签,开始标签与结束标签在一起,如<br/>,也就是一个标签。
在开始标签中,可以定义属性,属性是由键值对组成,值用引号,单双都行引起来,
HTML的标签不区分大小写,建议小写。
2.2 HTML标签
HTML已经定义很多标签,供开发中使用,通常使用HTML参考手册。H5主要用于移动端开发,PC端也会涉及一些。
2.2.1 文件标签:构成HTML最基本的标签
<!DOCTYPE html> 表示html文档
html标签:html文档的根标签
head标签:头标签,指定HTML文档的一些属性,还可以引用外部的资源
title标签:标题标签,定义标题的标签【书籍、诗歌、图画、乐曲等的) 名称,标题,题目; (书刊的) 一种,一本; (人名前表示地位、职业、婚否等的) 称号,头衔,职称,称谓】
body标签:体标签,也就是页面
2.2.2 文本标签:与文字相关的标签
<h1> to <h6> 定义HTML标题,类似于一级标题,二级标题(默认加粗)
<p>定义一个段落,段落直接有间隔,显示效果与换行有所不同。
<br>定义简单的换行:自闭和标签,换行效果
<hr>定义水平线,自闭合标签,这个一般不再使用,使用CSS来控制属性 color 颜色 (取色器) 分 两种,1种英文单词直接定义,一种是rgb(值1,值2 ,值3) 互调。每种0-255,换算16进制就是00-FF。如下color=“#FF00FF”。红绿蓝三色配比。
width 宽度 也就是长度。width=20px px也就是像素。或者20%,数值百分号表达相对于父元素的比例。
size是高度 粗细,
align是位置。
<!--注释内容-->定义一个注释,感叹号+两个-+注释内容+两个-
<b>定义粗体文本
<i> 定义斜体文本
<font>H5不支持,H4废弃,此前定义字体,颜色 大小。
<center>H5淘汰。
2.2.3 图片标签:与图片相关的标签img标签
<img/>自闭合标签。
<img src = “位置” align = “right” alt = “古镇” (万一图片不对,替换显示的文字)/>
相对路径:
./ 代表当前目录,默认也是如此
../代表上一级目录。
2.2.4 列表标签:
有序列表:
ol
li
无序列表:
ul
li
2.2.5 链接标签:超链接标签
2.2.5 表格标签:
table 定义表格(内含多个属性)
tr 定义行
td 定义单元格
th 定义表头单元格
2.2.6 div和span
div 每个div占满一整行,块级标签
span text information on a single line display, inline tags, inline tags.
2.2.7 semantic tags H5 in improving the style, readability
<Header> header beginning
<Footer> footer ending
2.2.8 Table Properties
2.2.9 form tag
Used to collect the data input by the user, for interaction with the server. form is submitted data box
Property contains three
action = "url server address"
method: Specifies the submission, a total of seven kinds, two kinds of commonly used,
Is get a request parameter, it will be displayed in the address bar; the size of the request parameters is limited; not safe
One is post request parameters, will no longer display the address bar, the size of the request parameters unrestricted, safer.