java复习前端篇——HTML

  HTML:超文本标记语言(页面中可以包含图片、音乐、链接、程序等非文字元素,通过一组标签的形式描述事物的一门语言)

  HTML的结构标签:根标签:<html>、头标签:<head>、体标签:<body>

  HTML的字体标签:<font>

属性:color {字体颜色分为两种(1)英文单词设置:black,red,green,blue...(2)使用16进制数设置:#FFFFFF , #FFF}

size{字体的大小}

face{字体的样式}

  HTML的排版标签:

标题标签:h标签  <h1>...<h6>
段落标签:p标签  <p>...</p>
加粗标签: <b>内容</b>
斜体标签: <i>内容</i>
下划线标签: <u>内容</u>
居中标签:  <center>内容</center>
原生标签: <pre>
水平线标签: <hr/>

HTML的图片标签:图片标签:<img>

属性:src:图片的来源、width:图片的宽度、height:图片的高度、alt:图片找不到显示的内容

HTML的列表标签:

无序列表:<ul>   属性:type   内部使用 <li>

有序列表:<ol>   属性:type,start   内部使用 <li>

HTML的超链接标签:

超链接标签:<a>   属性:href(链接地址)、target(打开方式 _self(在自身页面打开),_blank(新打开一个窗口),_parent(在父框架中打开被链接文档))

HTML的表格标签:<table>

table的属性:
    属性:border,width,height,bgcolor, backgroud, align
行标签:<tr>
    属性:width,height
列标签:<td>
    属性:width,height,colspan=”列数”, rowspan=”行数”

==========================================================================================================================================

HTML的表单标签:<form>标签    属性:action(表单提交的路径),method(提交方式 GET和POST) {GET:数据会显示到地址栏中.GET方式提交是有大小的限制、POST:数据不会显示到地址栏中.POST方式提交的是没有大小限制.}

表单中表单元素:<input>

type=“text” 文本框:

name:表单元素的名称.必须有name属性,然后后台才可以接收数据.
value:文本框的默认值.

size:文本框的长度.
maxlength:文本框输入的最大长度.
readonly:只读文本框.
placeholder: 提示用户输入信息

type="password" 密码框:

name:表单元素的名称.必须有name属性,然后后台才可以接收数据
value:密码框的默认值
size:密码框的长度
maxlength:密码框输入的最大长度
placeholder: 提示用户输入信息

type="radio" 单选按钮:

name:表单元素的名称.必须有name属性,然后后台才可以接收数据.
value:单选按钮的默认值.
checked:单选按钮默认被选中.

type="checkbox" 复选按钮:

checked:单选按钮默认被选中.
value:单选按钮的默认值.
name:表单元素的名称.必须有name属性,然后后台才可以接收数据.

type="submit" 提交按钮
type="reset" 重置按钮
type="button"
type="file" 文件上传的表单项
type="hidden" 隐藏字段
type="image" 图片按钮

<select> 下拉列表:

name:表单元素的名称.必须有name属性,然后后台才可以接收数据.
<option>里面的属性: value 默认值  selected 默认选项

<textarea> 文本域(类似于留言版块)

==========================================================================================================================================

原文地址:https://www.cnblogs.com/unrulywind/p/9118843.html

时间: 2024-11-12 15:12:08

java复习前端篇——HTML的相关文章

java复习前端篇——JavaScript

1.JS的概述:     什么是JS:运行在浏览器端脚本语言,基于对象和事件驱动的语言,应用于客户端,浏览器会在读取代码时,逐行地执行脚本代码.而对于传统编程来说,会在执行前对所有代码进行编译.   JS的用途:使用JS提升用户的体验.使HTML动起来. 2.JS的引入方式: (1):页面内直接编写JS代码,JS代码需要使用<script></script>. (2):将JS的代码编写到一个.js的文件中,在HTML中引入该JS代码即可.    <script  type=&

java复习前端篇——Jquery

1.Jquery概述 轻量级的JS的类库.对JS进行封装.JQuery的作用:做页面的特效,页面异步操作.(使用时首先引入Jquery文件{注意版本}) 2.jq的入口函数 jq是等页面的DOM树绘制完成后进行执行.可以编写多个入口函数.而js的匿名函数,只能编写一个. 传统的JS的方式:页面加载的事件只能执行一次.    window.onload = function(){} Jquery原始写法    $(document).ready(function(){  // 在这里写你的代码..

java复习web篇——servlet

1.Servlet Servlet的概述: 就是一个运行在WEB服务器上的小的Java程序,用来接收和响应从客户端发送过来的请求,通常使用HTTP协议.Servlet就是SUN公司提供的一个动态网页开发技术.2.5版本:基于配置式开发(web.xml)3.0版本:基于注解式开发Servlet的作用:    它会基于HTTP协议, 在服务器端接收客户端发出的请求, 然后进行相应的业务逻辑处理, 处理完了以后, 会向客户端返回一个响应 2.使用Servlet:    (1). 编写一个类      

java复习基础篇——代码执行顺序

代码块:在Java中,使用{}括起来的代码成为代码块 根据其位置和声明的不同,可以分为局部代码块:局部位置,用于限定变量的生命周期 构造代码块:在类中的成员位置,用{}括起来的代码.每次调用构造方法执行前,都会先执行构造代码块. 作用:可以把多个构造方法的共同代码放在一起. 静态代码块:在类中的成员位置,用{}括起来的代码,只不过它用static修饰 作用:一般是对类进行初始化 public class BlockTest { { System.out.println("444 BlockTes

java复习基础篇—-JVM内存结构(转)

主要内容如下: JVM启动流程 JVM基本结构 内存模型 编译和解释运行的概念 一.JVM启动流程: JVM启动时,是由java命令/javaw命令来启动的. 二.JVM基本结构: JVM基本结构图: <深入理解Java虚拟机(第二版)>中的描述是下面这个样子的: Java中的内存分配: Java程序在运行时,需要在内存中的分配空间.为了提高运算效率,就对数据进行了不同空间的划分,因为每一片区域都有特定的处理数据方式和内存管理方式. 具体划分为如下5个内存空间:(非常重要) 栈:存放局部变量

java复习基础篇——Mysql数据库

数据库就是存储数据的仓库,其本质是一个文件系统,数据按照特定的格式将数据存储起来,用户可以对数据库中的数据进行增加,修改,删除及查询操作. mysql的dos窗口启动关闭命令:net start mysql和net stop mysql 登录命令:(1)mysql -u用户名 -p密码      (2)mysql --host=ip地址 --user=用户名 --password=密码 DOS操作数据乱码解决: 我们在dos命令行操作中文时,会报错ERROR 1366 (HY000): Inco

java复习汇总之面试篇

这些个人感觉都是基础,希望看的园友不要喷. 1.什么是servlet线程安全,如何解决? 2.spring事物管理,在项目中你是怎么管理事物的? 3.java中的有几种线程? 4.java有几种锁? 5.怎么理解java中的多态,项目中何时用到抽象类? 6.如何处理js,sql注入? 7.struts2拦截器的原理? 8.如何理解spring AOP? 11.java中常用的集合,在项目中用到时,有什么需要注意的? 12.如果优化项目中sql,为什么要那样优化? 13.java性能优化? 14.

[转]解读2014之前端篇:任性的颠覆式改变

http://www.infoq.com/cn/articles/2014-review-front-end-part 2014年,整个IT领域发生了许多深刻而又复杂的变化,InfoQ策划了“解读2014”年终技术盘点系列文章,希望能够给读者清晰地梳理出技术领域在这一年的发展变化,回顾过去,继续前行. 本篇是解读系列的前端篇,小编邀请到天猫前端团队的三七.铁军.不四.鬼道这四位专家来解读2014年前端领域最引人注目的几大热点. HTML5正式定稿,ECMAScript 6 规范从纸上走到现实 2

web 前端篇:web前端到底是什么?有前途吗 ?

{" web前端开发 "是什么? } {" web前端开发 "有前途吗?}{" web前端开发 "到底怎么学?}这3个对象,是你入[前端]的初恋,对!没错同时和 3个对象谈恋爱. web 前端篇:web前端到底是什么?有前途吗 ?请听:微信jingfeng18分享 NO 1: web前端开发 "是什么? 其实web前端这个职位,并没有一个有效的历史记录可以查询,更没有一个明确的定义,她不像Java 攻城狮.c++开发这种一开始就有明确定