java开发的html基础

最新推荐文章于 2023-07-25 11:46:30 发布
最新推荐文章于 2023-07-25 11:46:30 发布
阅读量227 收藏 1
点赞数
分类专栏： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/goddreamyyh/article/details/82228379
版权

HTML中常用的标签

文字标签：修改文字的样式

-<font></font>

-属性：

*size:文字的大小 取值范围 1-7 ，超过了7，默认还是7

*color：文字颜色

--两种表示方法

** 英文单词： red green blue black white yellow gray...

** 使用十六进制数表示  #ffffff : RGB

- 通过工具实现不同的颜色

注释标签：

-注释标签<!-- 注释-->

 

标题标签：

<h1></h1> <h2></h2>......<h6></h6>

- 从h1到h6，大小逐渐变小 同时会自动换行

水平线标签：

- <hr/>

-属性

**size :水平线的粗细 取值范围1-7

**color:颜色

代码：

<hr size="4" color="pink" />

特殊字符

- 想要在页面显示这样的内容 ：<html>:这是这是网站的开始！

- 需要对特殊字符进行转义：

< :  &lt;

> :  &gt;

空格： &nbsp;

&:   &amp;

列表标签：

- 比如需要这样的效果

传智播客

财政部

学工部

人事部

**<dl> </dl>:表示列表的范围

**在dl里面：<dt></dt>:上层结构

**在dl里面：<dd></dd>:下层标签

代码：

<dl>

<dt>传智播客</dt>

<dd>财政部</dd>

<dd>学工部</dd>

<dd>人事部</dd>

</dl>

- 想要在页面上显示这样的效果

  1. 财政部
  2. 学工部
  3. 人事部

 

  1. 财政部
  2. 学工部
  3. 人事部

** <ol></ol>:有序列表的范围

-属性  type:  这只排序方式 1(默认是),a,i

**在ol标签里面 <li>具体内容</li>

代码

<ol>

<li>财政部</li>

<li>学工部</li>

<li>人事部</li>

</ol>

-想要在页面上显示这样的效果

特殊符号（方框）财政部

特殊符号（方框）学工部

**<ul></ul>:表示无需列表的范围

属性：type:  circle(空心圆),disc(实心圆),square(实心方块)[默认是disc]

在ul里面   <li></li>

代码：

<ul>

<li>财政部</li>

<li>学工部</li>

<li>人事部</li>

</ul>

图像标签

<img src = “图片的路径”/>

- 属性

-src :图片的路径

-width：图片的宽度

-height：图片的高度

-alt：当图片不能正常显示时 替代的文字

-title：当鼠标移动到图片上显示的文字

超链接标签

*链接资源

- <a href = “链接到的资源的路径”>显示在页面的内容</a>

** href：链接的资源的地址

**target：设置打开的方式，默认是在当前页面打开

-- _blank：在一个新窗口打开

-- _self：在当前页面打开 （默认是这种）

- 当超链接不需要到任何的地址，在href里面只输入‘#’就可以了

*定位资源

**如果想要定位资源：需要定义一个位置

- <a name = “top”>顶部</a>

**回到这个位置

- <a href = “#top”>回到顶部</a>

**引入一个标签 pre :原样输出

 

表格标签

可以对数据进行格式化，使数据显示更加清晰

<table></table>：表示表格的范围

属性：

-border：表格线粗细

-bordercolor：表格线的颜色

-cellspacing：单元格之间的距离

-width：表格的宽度

-height：表格的高度

在table里面<tr></tr>：表示行

-设置显示方式align：left  center  right

在tr里面<td></td>：表示行中的单元格

-设置显示方式align：left  center  right

使用th也可以表示单元格

表示是加粗和居中

表格的标题

<caption></caption>

合并单元格

-rowspan：跨行

-colspan：跨列

<tr><td colspan="4">函数上</td></tr>

 

表单标签

提交数据到网站，这个过程可以使用表单实现

<form></form>：定义一个表单的范围

属性：

-action：提交到的地址，默认是当前页面

-method：表单提交方式

-常用的有两种  get和post 默认是get

面试题目：get和post区别

  1. get请求地址栏会携带提交的数据，post不会携带
  2. get请求安全级别低，post级别高
  3. Get请求数据大小有限制，post没有限制

-enctype：一般不需要，做文件上传时候需要设置这个属性

输入项：可以输入内容或者选择内容的部分为了提交 每一个输入项需要加入name选项

大部分输入项可以使用 <input type=”输入项的类型”/>

普通输入项：<input type=”text”/>

密码输入项：<input type=”password”/>

单选输入项：<input type=”radio”/>

 

-在这里面需要属性 name

-name的属性值要相同

-必须要有一个value值

实现默认选中的属性

- checked=”checked”

复选输入项：<input type=”checkbox”/>

-在这里面需要属性 name

-name的属性值要相同

-必须有一个value值

实现默认选中的属性

- checked=”checked”

 

文件输入项

<input type=”file”/>

下拉输入项：不是在input标签里面的

默认选择某一个的属性是 selected=”selected”

<select name=”birth”>

<option value=”1991”>1991</option>

<option value=”1992”>1992</option>

<option value=”1993”>1993</option>

<option value=”1996”>1996</option>

</select>

文本域

<textarea cols=”” rows=””></textarea>

隐藏项（不会显示在页面上）

<input type=”hidden”/>

提交按钮

<input type=”submit” value=””/> :通过value可以修改按钮的值

使用图片提交

<input type=”image” src=”图片路径”/>

重置按钮

<input type=”reset” value=””/>通过value可以改变按钮的值

普通按钮

<input type=”button” value=”普通按钮”/>

案例：

提交注册信息的网页：log.html

其他常用标签

-- b   s       u       i        pre   sub   sup   div    span

- b:加粗

-s: 删除线

-u：下划线

-i：斜体

-pre:原样输出

-sub: 下标

-sup:上标

-div:分块并自动换行

-span:在一行显示，不换行

-p:段落标签，比br标签多换一行

HTML的头标签的使用

HTML由两部分组成 head和body

在head里面的标签就是头标签

- title标签：表示在网页的标题

-meta标签：设置页面的基本信息<meta http-equiv=”refresh” content=”3;url=http://www.baidu.com”/>三秒后自动跳转到百度界面

 

-base标签：统一设置超链接的基本设置

-可以统一设置超链接的打开方式<base target=”_blank”/>

-link标签：引入外部文件

框架标签的使用

<frameset>

- rows:按照行进行划分

<frameset rows=”80,*”>

- cols:按照列进行划分

<frameset cols=”80,*”>

<frame>

显示具体的页面

<frame name=”lower_left” src=”hello.html”>

使用框架标签时，不能卸载body里面，使用了框架标签，需要把body去掉

悠悠华
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
学习java的学html这一篇就够了
软件大咖
06-07 4906
推荐一个学习群java《学习》+交流群 523401738每天晚上在腾讯课堂都有一个Java技术学习课,会有老师分享干货,帮助大家分析解答问题百度一下，你就知道一、什么是HTMLHTML（HyperText Mark-up Language）即超文本标记语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动...
Java开发入门必学：html5和CSS
xx666zz的博客
11-03 2791
Java开发已经悄无声息的走进我们的生活中，无论是手机软件、手机Java游戏还是电脑软件等，只要你使用到电子产品就会碰到和Java有关的东西，更多的企业正采用Java语言开发网站，也吸引了好多志同道合的朋友开始加入Java开发的行列。 我们知道在Java的学习中，Javaweb是我们的必修阶段，而在Javaweb开发中，我们学习的第一课便是HTML5和CSS的入门基础。我们常说的要浏览的网页
java 页面html常用写法总结
浅月流苏
07-25 755
type=“hidden”：input的隐藏域，此input标签不会在页面展示，但是可以将页面id="fileName"中的value属性值，即代码中的 “文件名” 值传到响应的js页面。在相应的js页面中，获取相应的option标签，即可以通过attr方法，获取自定义标签的属性值,后端将选项放入list中，如果后端带有model对象，可以放入model对象中。scene:是单个选项的属性值，scenes是为了保存所有的选项值。另外，我们可以在option标签中，自定义一些属性传入js页面。
JAVA前端开发之HTML
Never Give Up
11-02 509
c.标签：用于绑定一个表单元素，当点击标签内的文本时，浏览器就会自动将焦点(光标)转到或者选择对应的表单元素上，用来增加用户体验。表单元素，包含一个type属性，根据不同的type属性值，输入字段拥有多种形式(可以是文本字段，复选框，掩码后文本控件，单选按钮，按钮等)标签表示表格的头部区域，标签表示表格的主体区域，这样可以更好的分清表格的结构。中只能嵌套,不能直接在标签中输入其他标签或文字；
Javaweb开发了解前端知识一、html&&css
mxcsdn的博客
05-24 1万+
01-html和CSS1、html2、CSS1、B/S 软件的结构 2、前端的开发流程 3、网页的组成部分页面由三部分内容组成！分别是内容（结构）、表现、行为。内容（结构），是我们在页面中可以看到的数据。我们称之为内容。一般内容 我们使用html技术来展示。表现，指的是这些内容在页面上的展示形式。比如说。布局，颜色，大小等等。一般使用CSS技术实现行为，指的是页面中元素与输入设备交互的响应。一般使...
Java基础之Web开发
Prefito的博客
05-15 271
目录Web容器---TomcatJDBC数据池连接死锁原因分析ORM框架---MybatisSpringJDBC数据访问事务的管理 Web容器—Tomcat Tomcat是用于部署我们Web项目的一个容器。我们首先从官网下载一个Tomcat的安装包放到服务器解压，之后配置上环境变量就可以在服务器上使用了。 使用命令： export CATALINA_HOME=/usr/local/apache-tomcat-8.5.54 echo $CATALINA_HOME 这样我们就安装好了，然后输入命令启动一下
Java web-HTML网页开发基础
PreyHard的博客
01-17 542
一.简介  在浏览器的地址栏中输入一个网址，就会查阅到相应的网页内容。在网页中包含很多内容，如文字、图片、动画等，以及声音和视频等。网页的最终目的是为访问者天宫有价值的信息。提到网页设计，不得不提到HTML标记语言，HTML的全称是Hypertext Markup Language，即超文本标记语言。HTML用于描述超文本中内容的显示方式。使用HTML可以实现在网页中定义一个标题、文本或者表格等。...
java基础开发文档
03-02
【Java基础开发文档】是全面...通过学习和研究这些文档，你可以系统地掌握Java开发及其相关的技术栈，从而在IT行业中建立起坚实的基础。无论是初入职场还是寻求职业发展，这些知识点都将为你的编程生涯打下坚实的基础。
Java Web开发实例大全 基础卷
09-20
全书分4部分共17章，内容包括Java Web开发简介，HTML、JavaScript简介，XML简介，Tomcat服务器的安装及配置，JSP基础语法，JSP内置对象，JavaBean，文件上传，Servlet程序开发，表达式语言，Tomcat数据源，JSP标签...
java开发求职简历模板
02-12
Java 开发求职简历模板知识点总结 Java 基础 * JAVA 基础扎实：Java 是一种基于对象的...* JAVA 开发：具有 Java 开发经验，具备 Java 基础扎实、有责任心、沟通和理解能力较强的开发者，适合从事 Java 开发工作。
java开发html转pdf示例
03-06
实测真实可用，采用 core-renderer.jar ，iText-2.0.8.jar。开发环境为eclipse，用的话，可以修改下代码中的几个路径
基于Spring Boot的Java后端开发基础教程设计源码
05-22
Spring Boot Java后端开发基础教程：该项目基于Spring Boot，包含135个文件，主要使用Java和HTML语言。教程涵盖Spring Boot 2.0的基础知识，包括日志配置、数据源配置和事务管理等。适合初学者和希望深入了解Spring ...
毕业设计-基于html与java的网上商城系统实现
04-01
它结合了前端技术和后端编程语言，利用HTML（超文本标记语言）作为页面结构的基础，Java作为服务器端的主要开发语言，为用户提供动态、交互式的购物体验。 【描述】：“毕业设计-基于html与java的网上商城系统实现...
零基础入门JAVAweb——前端开发html篇
m0_57209839的博客
04-27 2019
作者简介 首页：小罗のdiary的博客_CSDN博客-单片机原理,java基本常识领域博主 职业：在校大学生 爱好：写博客，听歌，学习单片机，java，跑步 擅长：单片机的基本原理，java基本原理 欢迎━(*｀∀´*)ノ亻!来首页阅读我的博客 主要内容 主要是了解html文件的基本结构，然后对每个标记进行解读，代码编写，结果演示，简单且有效的理解html代码，这为以后javaweb打下坚实的基础 html文件的基本结构 html主要由四部分组成，每个部分都不可或缺，这四个部
Java开发需要知道的HTML知识
热门推荐
hebtu666
10-29 1万+
概述 HTML(HyperText Markup Language) 不是一门编程语言，而是一种用来告知浏览器如何组织页面的标记语言。 HTML 可复杂、可简单，一切取决于开发者。它由一系列的元素组成，这些元素可以用来包围不同部分的内容，使其以某种方式呈现或者工作。 一对标签可以为一段文字或者一张图片添加超链接，将文字设置为斜体，改变字号，等等 一个元素 元素的主要部分有： 开始标签...
Java Web开发(一)有关HTML5的知识
ITxiaoangzai的博客
09-08 1037
IDE：sublime   今天我们来学习JavaWeb的知识，在学习之前，我们要先掌握有关HTML的知识。 1.HTML简介 (1)HTML现在以HTML5为标准，全称为Hyper Text Mark-up Language，是一种超文本标记语言，它不是一种编程语言，而是一种描述性的语言，用于描述超文本内容的显示方式。比如字体的颜色，大小等。   它是最基础的网页语言。   它是...
用java写HTML
weixin_45622439的博客
09-20 3491
一、网页 把“Web Application”复选框勾选 在web下创建一个pges包，再在这个包下创建一个index.html <tr > <td > <table width="100%"bgcolor="black"> <tr> <td><a h...
物联网工程_基于RFID的食堂食品安全监测系统设计.docx
最新发布
07-20
物联网工程_基于RFID的食堂食品安全监测系统设计

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值