JAVA-WEB知识总结Day1
C/S(Client/Server)即客户端/服务端结构
B/S(Brower/Server)即浏览器/服务端结构
HTML：是一种超文本语言,在因特网上常见的网页制作标注性语言，HTML是通过浏览器的翻译,将网页中的内容呈现给用户
HTML文档有4个主要标记组成，这四个标记主要有<html><head><title><body>
<html>标记是HTML文件的开头。所有HTML文件都是<html>开头，以</html>标记结束
<head>标记是HTML文件的头标记,作用是放置HTML文件的信息。
<title>标记为标题标记。
<body>标记是HTML页面的主体标记。页面中所有内容都定义<body>标记中
HTML文本标记
1.换行标记 <br/>
2.段落标记 <p></p>
3.标题标记 <h1></h1><h2></h2>....<h6></h6>标题等，数字越小，表示级别越高，文字的字体也越大
4.居中标记 <center>居中标记</center>
5.无序列表 <ul><li>列表项</li><ul>
6.有序列表 <ol><li>列表项</li></ol>
7.区域标记 <span></span> <span>标签是用来组合文档中的行内元素
8.表格标记
1.表格标记<table></table> cellpading属性规定单元格与内容距离 cellspacing属性规定单元格之间的剧烈
2.标题标记<caption></caption>
3.表头标记<th></th>
4.表格行标记<tr></tr>
5.单元格标记<td></td> colspan属性规定单元格可横跨的列数，rowspan属性规定单元格可横跨的列数
HTML表单标记
1.<from action="url" method="get | post" name ="name" , onsubmit = "_blank"></from>表单标记
action属性：用来指定表单数据程序的URL地址
methond属性：用来指定数据传送到服务器的方式。
name属性：指定表单的名称
onSubmit属性：用于指定当用户单击提交按钮触发的事件
2.<input>表单输入标记
type属性的属性值
3.<select></select>下拉菜单标记 <option></option>向列表添加内容标记
4.<textarea></textarea>多行文本标记
clos属性用于指定多行文本框的列数（宽度）
rows属性用于指定多行文本框的行数（高度）
wrap属性用于多行文本中文字是否自动换行
超链接与图片标记
1.<a href=" "></a>超链接标记
2.<img ></img> 图像标记
CSS选择器
1.标签选择器
用法：p{}
2.id选择器
用法：#id{}
3.类选择器
用法：.class{}
4.伪类选择器
用法：
|
a:link
|
设置超链接未被访问时的样式
|
|
a:hover
|
设置将鼠标指针移到超链接上时的样式
|
|
a:active
|
设置超链接被用户激活时的样式
|
|
a:visied
|
设置超链接被访问后的样式
|
HTML引入CSS样式表的方法
1.内部样式表
格式：<style type="text/css"> </style>
2.行内样式表
格式：<p style="color: red ;"></p>
3.链接样式表
格式： <link rel="styleheet" type="text/css" href="url">
块内元素 <h1> ... <h6> <p> <div> <ul> <ol> <li>
特点：可以设置宽高没有设置宽度会自动的继承父亲的宽度。
行内元素<a> <span>
特点：不可以设置宽和高度，宽度随内容的变化而变化且行内元素在一行显示。
行内块元素<img> <input> <td>
特点：可以设置宽和高，并在同一行显示 默认对齐是基线
元素转换
1.转换块级元素：display：block
2.转换行内元素：display：inline
3.转换行内快元素：display：inline-block
CSS三大特性：层叠性，继承性，优先级。
1.层特性：样式冲突，遵循的原则是就近原则啊，样式离结构近，就执行这个
2.继承性：继承的权重为0
3.优先级：行内样式 > id选择器 > 类选择器 > 元素选择器
注释
1.在css中的注释格式：/* */
2.在代码中的注释格式：<! - - - ->
浙公网安备 33010602011771号