JavaWeb学习——1.HTML

前言

无聊没事干也暂时不想学新东西,干脆把之前学的写一写…

开始

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:颜色
特殊字符:想要在页面上显示< > 空格等
<为&lt,>为&gt
空格为&nbsp

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值

后记

妈啊表格和表单也太多了…先不写了以后慢慢补..反正会就行

猜你喜欢

转载自blog.csdn.net/zyw644451/article/details/80843310