JAVA/HTML/CSS

一、HTML语言基本介绍

1.基本结构

<!DOCTYPE html>
<html> <!--根标签-->
     
	<head> <!--网页头部（用于设计网页属性）-->
		<meta charset="UTF-8"> <!--定义文本信息-->
		<title> <!--网页的名字--></title>
	</head>
	<body>
		 <!--主体部分（编辑区）网页显示内容部分-->
	</body>
</html>

2.网页的基本标签元素

<h1>标题标签</h1>
   <p>段落标签</p>
   <em>斜体标签</em>
   <br />换行标签
   <hr /> 水平线标签
   <strong>加粗标签</strong>
   <blockquote>段落缩进</blockquote>
   <font>字体标签（color、size、face）</font>
   <center>居中标签</center>
   <sup>上标</sup>
   <sub>下标</sub>
   <pre>原样输出</pre>

3.注释和特殊符号

&nbsp;空格
&gt;大于号
&lt;小于号
&copy; 版权所有
&reg; 注册商标

4.超链接

在同一个页面下：（1）打锚点

<a name=”锚点名称”></a>

（2）创建跳转链接

<a href=”#锚点名称”>开始跳转</a>

在不同的页面下：（1）打锚点

<a name=”锚点名称”></a>

（2）创建跳转链接

<a href=”资源文件或者资源地址#锚点名称”>开始跳转</a>

5.图片标签

<img src="图片路径" alt="图片替代文本" title="鼠标悬浮文字" width="图宽" heigh="图高"/>

6.列表标签:有序、无序

//无序
<ol type="circle">
<li>xx</li>
<li>xx</li>
</ul>

//无序
<ul type="circle">
     <li>xx</li>
     <li>xx</li>
</ul>
//有序
<ol type="circle">
     <li>xx</li>
     <li>xx</li>
</ol>

7.块标签和行内标签

<div>块标签</div>
<span>行标签</span>

8.表格标签(border/align/width/heigh)

9.表单标签(action/method(post、get）

post：（1）不会将信息展示到地址栏（2）提交文件大小无限制

get：（1）将用户信息展示到地址栏（2）提交文件大小无限制

二、1、CSS使用方法

(1)行内样式

(2)内部样式（最常用）<style type="text/css"></style>

(3)外部样式

2、CSS语法

选择器：

（1）id选择器 <div id="div1"><div> #div1

(2)类class选择器<div class="div2" ·div2

(3)标签选择器

（4）并集选择器（同时选中多个标签）

（5）交集选择器

（6）通用选择器

（7）伪类选择器

a:link{ } //没有访问过的状态

a:visited{ }//鼠标访问过的状态：点击了并且松开

a:hover{ } //鼠标经过的状态

a：active{ }//鼠标点击，但是没有松开

3.CSS常用的属性

（1）CSS文本

        color:
       line-height:
        letter-spacing:
        text-align:
        word-spacing:

(2)CSS字体

    font-family:字体系列(类型)
    font-size:字体尺寸
    font-style:字体的样式
                    normal:标准的字体样式
                   italic:斜体
    font-wight:设置字体的粗细
    CSS字体的简写属性: font:italic bold 36px "黑体" ;

（3）CSS列表

list-style-type:设置列表项前面的类型
list-style-image：常用的属性值:URL 图像的路径

（4）CSS背景

background-image:

background-repeat:

background-position:

background-color:

（5）CSS表格

border-collapse :collapse; 合并边框

（6）CSS边框

border-style（上、右、下、左）

border-width（上、右、下、左）

border-color（上、右、下、左）

4.盒子模型（给div快标签指定特定的高度和宽度）

内边距、外边距

5.float（用于图片的浮动）left、right：常用于网页的布局

6.display（用于图片的隐藏）

三、java入门

1、ava文件执行的原理:

java文件执行的时候都是执行字节码文件

编写好一个Java文件

--à编译(bin目录下面编译命令javac) javac java源文件名称;

--à生成一个字节码文件(类名.class)----à运行使用java命令 java 字节码文件的前缀;

2、配置环境变量：

配置path环境变量的两种方式:

（1）计算机à右键属性--à高级设置--à环境变量--à系统变量

将Jdk的安装目录的bin目录路径放到系统变量path环境变量中

缺点:jdk版本升级,需要更改,可能会导致path变量中的出现误删的操作

（2）在系统变量-à新建一个变量变量名:JAVA_HOME

变量值:jdk安装目录 path:%JAVA_HOME%\bin;

path环境变量:是现在当前目录中找java文件,如果找不到然后会在path路径中bin目录下java文件