javaee学习日记之html

最新推荐文章于 2022-10-25 15:19:26 发布
最新推荐文章于 2022-10-25 15:19:26 发布
阅读量620 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_39576261/article/details/77529501
本文详细介绍了HTML的基本用法，包括常用标签及其属性，如标题、段落、列表、图像、超链接等，并展示了如何构建简单的网页结构。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

标签

<html></html><!--开始结束标签（有头有尾（不写浏览器自动添加））-->
<head></head><!--头标签（在这里一般用来导入css,javascript，设置字符编码，设置页面标题，ico（页面图标））-->
<body></body><!--体标签（页面内容一般写在这里）-->
<br/><!--换行单标签（加不加/都有效果）-->
<font size="5" color="red"></font><!--字体标签（一般避免使用（尽量在css中书写样式））-->
<!--本标签为注释标签页面无法显示-->
<h1></h1><!--标题标签（有6个从h1-h6(字体从小到大)）-->
<hr/><!--水平线标签-->
特殊字符：< : &lt;
        > : &gt;
        空格：&nbsp;
        & : &amp;
列表标签：
1.
<dl></dl><!--表列表范围(内容显示层级结构)-->
<dt></dt><!--写在dl标签中dt是上层-->
<dd></dd><!--写在dl标签中dd是下层-->
2.
<ol></ol><!--表列表范围(有序)-->
<li></li><!--写在ol标签内-->
3.
<ul></ul><!--表列表范围（无序）-->
<li></li><!--写在ul标签内-->
图像标签：
<img src="big.jpg" width="100px" height="100px" alt="美女"/><!--属性src:路径（可以使用相对路径（相对于当前页面的路径如../img/1.jpg表当前页面的上一级文件夹中的img文件夹中的1.jpg文件,img/1.jpg表当前页面同级文件夹img中的1.jpg文件），也可以使用绝对路径（如D:\javaAPI）属性：width为宽 属性height为高 alt为当图片无法显示时显示的值-->
超链接标签：
<a href="http://www.baidu.com" target="blank"></a><!--属性href:访问的地址target为blank时在一个新窗口打开(默认在当前窗口打开)-->
定位资源：
<a name="top"></a>
<a href="#top">回到顶部</a><!--通过这样可以定位资源回到本页顶部-->
表格标签：
<table><!--表格范围（属性border:表格线，bordercolor:表格线的颜色，cellspacing:单元格之间的间距），width:表格的宽度，height：表格高度-->
    <tr><!--行（属性：align:内容对齐方式：center（居中），right(靠右)，left(靠左)）-->
        <td></td><!--单元格（属性rowspan：跨行，colspan跨列）-->
        <th></th><!--表示单元格同时居中加粗-->
        <caption></caption><!--合并单元格-->
    </tr>
</table>
标签集合：
<b></b><!--加粗-->
<s></s><!--删除线-->
<u></u><!--下划线-->
<i></i><!--斜体-->
<pre></pre><!--原样输出-->
<sub></sub><!--下标-->
<sup></sup><!--上标-->
<div></div><!--没有自带任何属性的box-->
<span></span><!--内容在一行显示（没自带换行符）-->
<p></p><!--段落标签-->
html头标签的使用：
<title></title><!--页面标题标签-->
<meta charset="UTF-8"/><!--设置字符编码-->
<meta name = "keywords" content="好东西"/><!--页面简介-->
<meta http-equiv="refresh" content="3,url=http://www.baidu.com"/><!--页面定时跳转3秒后到百度-->
<base target="blank"/><!--此页面中的所有超链接均另开窗口打开-->
<link/><!--导入外部文件（css可以用这个导入）-->
框架标签：（使用时不能写在body里面,去掉body(如果要实现右边链接显示内容到左边页面中将属性target设置为框架的name值)）
<frameset rows="20%,*"><!--rows：按列划分占20%，cols：按行划分-->
    <frame src="" name="top"/><!--src第一行的页面的路径-->
    <frame src="" name="main"/><!--src第二行的页面的路径-->
</frameset>
表单标签：
    <form name="myfrom" method="post" action = "indef.html"><!--表单标签属性method：提交方式（get（公开）与post(保密)）,action:提交地址-->
        用户名：<input type="text" name="username"><br><br><!--文本框-->
        密码：<input type="password" name="password"><br><br><!--密码框-->
        重输密码：<input type="password" name="passwords"><br><br>
        性别:<input type="radio" name="sex" value="男">男<!--单选框-->
             <input type="radio" name="sex" value="女">女<br>
        爱好：<input type="checkbox" name="inst" value="喝酒">喝酒<!--多选框-->
              <input type="checkbox" name="inst" value="唱歌">唱歌
              <input type="checkbox" name="inst" value="游泳">游泳
              <input type="checkbox" name="inst" value="编程">编程<br>
        部门：<select name = "dept" onchange="show(this.value)"><!--下拉框-->
            <option value="销售部">销售部</option>
            <option value="技术部">技术部</option>
            <option value="财务部">财务部</option>
        </select><br/>
       生平简介：<textarea cols="10" rows="10" name="description"></textarea><br><!--文本域-->
       出生时间：<input type="date" name="date"><br><!--时间框-->

        邮箱地址：<input type="email" name="fjlj"/><br/><!--邮件地址框-->
        <input type="image" src="a.png"/><!--图片提交按钮-->
        <input type="button" name="login" value="提交"/><!--普通按钮（配合javascript可以实现提交验证）-->
        <input type="submit" name="logins" value="提交s"/><!--提交按钮-->
    </form>
pojo
关注
2024全新Java学习路线图一条龙（视频+课件+源码资料）
码农王也的博客
04-25 1913
互联网浩瀚无际，你能来到这里，是机遇也是缘分，机遇，就像我的标题一样，你找到了一份Java 360度无死角的 Java 学习路线，而缘分让我们相遇，注定给你的学习之路搭上一把手，送你一程。整条线路除了拥有后端整个技术体系外，还涵盖了前端、大数据、云计算、运维等各大领域。在这十八般武艺汇聚全身的同时，这条学习路线也拥有着独有的特色和着重点，比如加入了极为重要且业内稀缺的基本功修炼——六套计算机基础类课程。还有多套Java基础类课程，多维度讲解帮助学习者入门。
基于javaEE的健康管理系统设计与实现
最新发布
weixin_46879314的博客
08-05 1036
基于javaEE的健康管理系统设计与实现
java实习总结
06-20
java实习总结，只是一个模板，主要是介绍实习做的东西。
HTML的学习笔记
weixin_30657541的博客
04-23 116
一、HTML的概述（了解） a.html是什么 ： hypertext markup language 超文本标记语言 超文本：音频，视频，图片称为超文本。. 标记 ：<英文单词或者字母>称为标记. 一个HTML页面都是由各种标记组成。 b.作用：编写HTML页面。 c.HTML语言不是一个编程语言(有编译过程)，而是一个标记语...
JavaEE：HTML
WZRbeliever的博客
09-10 578
HTML 代码是由 “标签” 构成的.形如: 标签名 (body) 放到 < > 中 大部分标签成对出现. 为开始标签, 为结束标签. 少数标签只有开始标签, 称为 “单标签”. 开始标签和结束标签之间, 写的是标签的内容. (hello) 开始标签中可能会带有 “属性”. id 属性相当于给这个标签设置了一个唯一的标识符(身份证号码). 2、HTML 文件基本结构 html 标签是整个 html 文件的根标签(最顶层标签). head 标签中写页面的属性. body 标签中写的是页面上显示的内
Javaee中建立一个html,JavaEE 之 HTML+CSS+JS 综合练习
weixin_28983061的博客
06-07 349
3.1 项目概述项目名称 : 人员管理系统项目需求 : 利用现有技术对人员进行可视化管理项目概述 :假设需要对某行业人员进行管理,该行业人员数据样本如下现因为人员管理较为复杂所以需要你使用HTML+CSS+JS技术完成对现有人员的 查询 添加 删除 修改 的数据管理3.2 需求实现3.2.1 样例展示人员展示添加人员更新人员删除人员3.2.2 步骤实现3.2.2.1 数据查询 :因为要存储过个对象...
JavaEE之HTML(前端方面知识)
哒哒的博客
10-25 1247
JavaEE之HTML(前端方面知识)
初学JavaEE新项目：清爽夏日九宫格日记网（Eclipse版）
学习如何构建JavaEE项目，并将其部署到Web服务器上是掌握JavaEE的关键步骤之一。项目中可能包含Ant或Maven这样的构建工具的使用，它们用于自动化项目的构建、依赖管理等任务。 通过《清爽夏日九宫格日记网...
清爽夏日九宫格日记网（Eclipse版）
07-02
【清爽夏日九宫格日记网】是一个基于JavaEE技术栈的开源项目，旨在为初学者提供一个学习和实践的平台。这个项目的核心是构建一个简洁、直观的在线日记系统，用户可以通过九宫格布局来记录和展示自己的日常生活，体验...
肥仔学习日记----Docker
weixin_44190985的博客
08-17 472
肥仔学习日记----Docker Docker学习 Docker概述 Dokcer安装 Docker命令 镜像命令 容器数据卷 操作命令 … Docker镜像 容器数据卷 DockerFile Docker网络原理 IDEA整合Docker Docker Compose Docker Swarm CI\CD jenkins 弱小和无知不是生存的障碍，傲慢才是。 Docker 概述 Docker 为什么会出现？ 一款产品：开发----上线 两套环境！应用环境，应用配置！ 开发-----运维 开发即是运维
毕业实习日记
05-13
毕业实习日记，可以参考下书写自己的实习日记，很有价值
《Java课程实习》日志（周二）
u013922904的专栏
07-01 802
package test1; import java.awt.EventQueue; import javax.imageio.ImageIO; import javax.swing.JFrame; import javax.swing.JPanel; import javax.swing.border.EmptyBorder; import javax.swing.AbstractButto
JAVAEE 实训日志01_20200704 上
Beyond_Nothing
07-04 5260
文章目录1.目录规范规范目录编码风格缩进规则BSD，匈牙利K&R2.体系结构特性SBD BASIC ,汇编 语句级编程FBD C,FORTRAN,C++ 函数级编程CBD JAVA2， mfc,c# 组件级编程、补充:3.开发环境补充:3. database client side 数据库客户端 1.目录规范 规范目录 工作目录 非操作系统分区 D:\workspace\20170227 项目目录 D:\workspace\20160906\worknote
JAVAEE 实训日志02_20200705 下
Beyond_Nothing
07-05 796
文章目录Spring MVC前端技术CSS引入方式CSS 选择器JavaScriptJavaScript 静态页面JQuery基本语法JQuery 技巧1、关于页面元素的引用2、jQuery对象与dom对象的转换3、如何获取jQuery集合的某一项4、同一函数实现set和get5、集合处理功能6、扩展我们需要的功能7、支持方法的连写8、操作元素的样式9、完善的事件处理功能10、几个实用特效功能11、几个有用的jQuery方法12、解决自定义方法或其他类库与jQuery的冲突Ajax Spring MVC D
JAVAEE 实训日志 一
Beyond_Nothing
01-13 1851
文章目录1. 创建 web-app 项目导入初始4个 maven 依赖TestServlet.javatest.jsp测试:2. 连接数据库导入依赖 驱动编写连接类 JDBCUtil测试连接3. 开发一个简单的javaweb项目EntityService 层DaoController前端 test.jsp效果 1. 创建 web-app 项目 导入初始4个 maven 依赖 <dependency> <groupId>javax.servlet</groupId&
JAVAEE 实训日志02_20200705 上
Beyond_Nothing
07-05 3114
文章目录1.框架技术jsp: 后台程序到服务器的映射, 必须在应用服务器下才能运行JSP加载运行过程客户端校验JSP_ 页面的作用静态与动态服务器java web 项目 目录结构tomcat中server配置文件web发布项目JAVAEEServlet注意:补充: 实例编程java程序开发的套路：MVC1. JSP 早期是由 jsp +java bean = JSP Mode 12. JSP Mode2 Type1 : 使用 jsp+servlet + javabean = JSP MOED II3. JS
JAVAEE 实训日志03_20200711
Beyond_Nothing
07-11 1059
文章目录环境准备1. 课程安排2.考评要求3.开发环境4. 搭建环境数据库基础1. 基础部分增删改查约束性:3. insert4. UPDATE5. DELETE6.SELECT多表查询 环境准备 1. 课程安排 掌握JAVAWEB基础知识(数据库, JDBC, Servlet, HTML等), 通过项目驱动, 案例分析的模式, 组建团队, 熟悉整个开发流程, 最终完成一个小项目, 进行答辩成果展示. 最终目的: 通过课程讲解, 加强自我学习和解决问题的能力 2.考评要求 1.考勤: 点名, 抽点的方式
HTML之JavaEE工程师应懂的技术
Java__EE小白成长之路
08-28 554
一、HTML语言介绍 HTML: (HyperText Markup Language) 超文本标记语言，是网页开发的三大语言之一。
javaee学习日记之javascript
qq_39576261的博客
08-24 439
js与html的结合方式 1.在<head>中或<body>中 <head> <script type="text/javascript"> //javascript代码 window.onload = function(){ }//在页面缓存后执行 </script> </head> <body> <script type="text/javascript"> //javascript代码 </s
Java与JavaEE学习精华笔记
"这份学习笔记涵盖了Java和JavaEE的相关知识，包括Unix基础、Core Java、Java的新特性Tiger、XML以及Oracle数据库的使用。笔记作者为续祥，旨在强调学习过程中的重点和理解要点，而非全面的代码教程。" 在Java/...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值