[大数据] Java0基础_day16_Javaweb前端_HTML_CSS

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> 大数据 -> Java0基础_day16_Javaweb前端_HTML_CSS_mysql -> 正文阅读

[大数据]Java0基础_day16_Javaweb前端_HTML_CSS_mysql

标签：HTML、CSS、Mysql

1.HTML

是什么？????????????????????????? ? ? ? 专门在浏览器中编译和执行的语言
名字？? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??超文本标记语言，用一些标签来定义格式
规定？? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?

所有语法都是规定好的，不能自行修改

所有命令在标签中，不能超过

命令不区分大小写

利用HTML开发的主要目的是对属性进行复制，调整网页元素结构、内容、样式

分为单目命令和双目命令，即<BR/>，<HTML></HTML>，双目命令不可省略结尾命令，而单目命令可以省略/。

命令？

除了分为单目、双目命令外；

HTML只有两个命令，即：

超链接命令：
<a href ="请求地址">提示信息</a>
表单命令：
<form action = "home.sina.com"  method="post"> 
    <input type = "submit" value = "新浪"> 
</form>

表单域标签分类

//单选按钮
<form action = "http://www.baidu.com/">
		用户名：<input type ="text" name ="userName"/><br/> 可见
		密码：<input type ="password" name ="password"/><br/> 不可见
		性别：<input type ="radio" name = sex value = man/>男   <input type ="radio" name = sex value = woman/>女 //此时用name表示同一个组单选框
		<br/> 
    
  //https://www.baidu.com/?userName=333&password=555555555&sex=woman%2F
    擅长的技术:<input type ="CHECKBOX" name = 'jishi' value = "java" />JAVA
		<input type ="CHECKBOX"  name = 'jishi' value = "c++"/>C++
		<input type ="CHECKBOX" name = 'jishi' value = "python"/>Python
		<input type ="CHECKBOX" name = 'jishi' value = "go"/>go<BR/>
		用户头像：
		<input type = "file" name="myfile" />
//这里是文件上传，由于默认get文件不能太大，如果修改为post又看不到地址栏信息；

//下拉列表
<html>
<center>
<form action ="http://www.baidu.com">
        籍贯：<select name = "location">
<option value = "bj">北京</option>
<option value = "tj">天津</option>
<option value = "cq">重庆</option>
</select><BR/>

<INPUT type ="submit"/><input type ="reset"/>
</center>
</html>

//多行文本框
<textarea></textarea>→多行文本框

 <textarea></textarea>
备注：<textarea name = "info"  rows = 10 cols=20></textarea><br/>
 //表示一次性可以展示10行，20列

【注意】

大多数表单域标签value属性默认值是空字符串null；
对于radio和checkbox 的默认值为'on'字符串

表单域标签满足以下条件就可以作为请求参数：

必须声明在form标签内部
必须声明name属性
特别的，如果是radio和checkbox必须还满足被选中才能作为地址栏参数。
如果加上disable修饰，则不作为地址栏参数。
- readonly：当前标签只读，value不能修改，可以作为参数传递；
- disabled：无法选中，不能作为地址栏参数，标签不可用，value不可改；
结论：大多数满足2点，选中框必须选中，此外disabled无法加入地址栏参数。

实验：<input type ="CHECKBOX" name = 'jishi' value = "python"/>Python//无效
<form action = "http://www.baidu.com/">
擅长的技术:<input type ="CHECKBOX" name = 'jishi' value = "java" />JAVA
<input type ="CHECKBOX"  name = 'jishi' value = "c++"/>C++
<input type ="CHECKBOX" name = 'jishi' value = "python"/>Python
<input type ="CHECKBOX"/>go<BR/>
    //选择go时会没有name属性，不作为地址栏参数传递；
<input type ="submit"/>
<input type = "reset"/><BR/>
</FORM>

举例

<HTML>
<head>
<meta charset = gbk/>
</head>

<body>
<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>

<center>
<DIV>
<font STYLE= "font-size:80 ">怀念我的老师</font>
</DIV>
<IMG SRC = http://pics2.baidu.com/feed/34fae6cd7b899e515d800f551b3be335c9950d82.jpeg?token=9391d8aec15cb39f08b1724f4a611698&s=E2B717C0ECA1228C673879050300C0E0  TITLE=张三 width = 900 height = 1800 />
</center>

<ol>
<li>中国</li>
<li>美国</li>
<li>德国</li>
</ol>

<ul>
<li>职员管理
<ol>
<li>注册</li><!--导航页常用><-->
<li>更新</li>
<li>删除</li>
</ol>

</li>


<li>部门管理</li>
<ol>
<li>注册</li>
<li>更新</li>
<li>删除</li>
</ol>
<li>德国</li>
</ul>


<table border = 2 align = center>
<tr align = center style = background-color:yellow>
<TD>职员编号</TD>
<TD>所在部门</TD>
<TD>职员姓名</TD>
<TD>职员职位</TD>
<TD>职员工资</TD
</TR>


<tr align = center style = background-color:red>
<TD>10</TD>
<TD>市场部</TD>
<TD>smith</TD>
<TD>初级工程师</TD>
<TD>2000</TD
</TR>

<tr align = center style = background-color:red>
<TD>100</TD>
<TD rowspan = 2>销售部</TD>
<TD>google</TD>
<TD>高级工程师</TD>
<TD>8000</TD
</TR>
<tr align = center style = background-color:red>
<TD>3000</TD>
<TD>baidu</TD>
<TD>架构师</TD>
<TD>80000</TD
</TR>

</table>

<P>  蒙奇·D·路飞，日本漫画《航海王》及其衍生作品中的男主角。外号“草帽”路飞，是草帽一伙、草帽大船团的船长，极恶的世代之一。橡胶果实能力者，悬赏金15亿贝里。梦想是找到传说中的One Piece，成为海贼王。</P>

<P>  路飞性格积极乐观，爱憎分明，宁死不屈，十分重视伙伴与朋友，对任何危险的事物都超感兴趣。和其他传统的海贼所不同的是，他并不会为了追求财富而杀戮，而是享受着身为海贼的冒险和自由。
</P>
</body>


</html>

2.CSS

是什么？? ? ? ? ? ? ?

在浏览器中编译和执行的编程语言，用于定位HTML标签并且对其样式属性进行统一管理

出现目的？

? ? ? ? ? ? ?对满足某些条件的HTML标签集中管理，减少重复工作，提高效率

分类？

根据定位的条件不同分为九种CSS选择器：

<HTML>
	<HEAD>
		<style type ="text/css">
			定位条件{
				"样式属性1"：值1；
				"样式属性2"：值2；
			}
	</HEAD>
</HTML>

ID选择器、标签类型选择器、层级选择器、自定义选择器......

3.mysql

1.mysql存储的单位是行，以.frm文件结尾，分为标题行和数据行

2.所谓数据库就是专门放文件的文件夹，而数据库服务器就是专门对表文件进行管理的软件

3.数据库的分类：

关系型数据库：

表之间有关系
全面反映数据，但是查询效果慢
分类：Oracle，Mysql，Sqlserver

非关系型数据库：

各表独立
速度快

4. 彻底删除mysql：删除program files中的mysql和program data中的mysql，必要时还要删除注册表。