前言
无聊没事干也暂时不想学新东西,干脆把之前学的写一写…
开始
HTML简介
1.什么是html
HyperText Markup Language 超文本标记语言,网页语言
超文本:超出网页的范畴,使用html可以轻松实现的操作
标记:html的所有操作都是通过标签实现的,标签也就是标记
网页语言:嗯就是网页语言。
2.第一个html程序
创建java文件的时候后缀是.java
,java文件是需要先编译然后在运行的
创建html文件的时候后缀是.html或者是.htm
,html文件不需要编译,直接用浏览器打开就可以运行
3.html的编写规范
定义java方法的时候使用{ }
定义html的时候是通过标签,一个html文件开始和结束的标签<html></html>
html内部也包含两部分内容:
(1)<head>
设置相关信息<head>
(2)<body>
显示在页面上的内容都写在body里面</body>
可以看到,html的标签有开始标签也有结束标签,但是并不是所有的html标签都是这样,有些标签是没有结束标签的,它们是在标签内部结束,比如<br/>
最后,html的代码是不区分大小写的
4.html的编写思想
网页中有很多数据,不同的数据可能有不同的显示效果,这个时候就需要使用标签把操作的数据包起来(封装),然后通过修改标签的属性值实现标签内的数据样式变化。
一个标签就相当于一个容器,想要修改容器内的数据样式,就只需要修改容器的属性值,就能够实现容器内数据样式的变化。
HTML中常用的标签
1.文字标签和注释标签
文字标签:修改文字的样式。标签为<font> </font>
其中包含的属性有:
size
,标识文字的大小,取值范围是1-7,超出7则默认还是7
color
,标识文字的颜色,其中有两种表示方式,一种为 英文单词表示,比如red,green,yellow
。另一种为十六进制数表示,通过颜色工具来表示不同的颜色,如#ffffff
2.注释标签
Java中的注释标签有三种
HTML的注释<!-- html的注释-->
3.标题标签,水平线标签和特殊字符
标题标签:
<h1> </h1> <h2> </h2> <h3> </h3> ......<h6></h6>
从h1到h6,大小是一次变小同时会自动换行
水平线标签:<hr/>
属性:size,表示水平线的粗细,取值范围1-7
Color:颜色
特殊字符:想要在页面上显示< > 空格等
<为<
,>为>
空格为 
4.列表标签
<dl></dl>
表示列表的范围,在dl里面标签<dt></dt>
表示列表的上层内容,标签<dd></dd>
表示列表的下层内容
示例:
<dl>
<dt>学习html</dt>
<dd>学标签</dd>
<dd>学属性</dd>
<dd>学方法</dd>
</dl>
<ol></ol>
表示有序列表的范围,在ol里面标签<li></li>
表示列表的具体内容
属性:type 作用是设置排序方式,其中有1(默认) a i 等方式
示例:
<ol>
<li>学习html</li>
<li>学标签</li>
<li>学属性</li>
<li>学方法</li>
</ol>
<ul></ul>
表示无序列表的范围,在ul里面标签<li></li>
表示列表的具体内容
属性:type 作用是设置排序方式,其中有空心圆circle,实心圆disc(默认),实心方块square等
示例:
<ul>
<li>学习html</li>
<li>学标签</li>
<li>学属性</li>
<li>学方法</li>
</ul>
5.图像标签
<img src="图片的路径">
有属性src表示图片的路径,width表示图片的宽度,height表示图片的高度,alt表示图片上显示的文字(鼠标停留片刻显示)
6.超链接标签:
(1)链接资源
<a href="连接到资源的路径">显示在页面上的内容</a>
其中有属性:
href:连接资源的地址
target设置打开的方式,默认是在当前页面打开
_blank在空白页面打开
_self在当前页面打开
若超链接不需要跳转到任何的地址,则可以在href中加#号
(2)定位资源
如果想要定位资源,则可以定义一个位置
<a name="top">顶部</a>
回到这个位置
<a href="top">回到顶部</a>
7.表格标签:暂略
8.表单标签
(1)表单标签
表单标签是可以提交数据到服务器的标签
使用标签<form> </form>
定义一个表单的范围
属性:
action:提交到的地址,默认提交到当前页面
method:表单提交方式,一般有两种,get和post,默认是get请求
其中get和post的区别是:
(1)get请求地址栏会携带提交的数据,post不会携带
(2)get请求安全级别低,post较高
(3)get请求有数据大小的限制,post没有
enctype:一般请求下不需要设置这个属性,做文件上传的时候需要设置这个属性
(2)表单输入项
表单输入项是设置表单中可以输入内容或者选择内容的部分
大部分的输入项都是使用<input type="输入项的类型">
在输入项里面需要有一个name
属性
普通输入项:<input type="text" />
密码输入项:<input type="password" />
单选输入项:input type="radio" />
里面需要属性name且name必须相同
必须有一个value值
后记
妈啊表格和表单也太多了…先不写了以后慢慢补..反正会就行