javaweb各种案例
本专栏包含大量web实例,代码齐全,随取随用
又菜又想学java
QQ:1715387186
致力于为新手朋友提供帮助,欢迎交流
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
css选择器练习
效果如下: 可以根据特征分为三块,然后每块对应具体样式 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #one{ color: white; width: 400px; height: 40px; line-hei原创 2021-03-01 08:54:41 · 644 阅读 · 0 评论 -
css布局练习
要实现的效果: 提供的图片素材有: 就是让前面的标题小图片和后面的文字标题一一对应起来 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .one{ width: 300px; color: rgb(255,254,250); ba原创 2021-03-01 08:47:50 · 196 阅读 · 0 评论 -
html表格
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表格</title> </head> <body> <table border="1" width="300" cellspacing="0" cellpadding="10" align="center"> <tr bgcolor="aquamari原创 2021-02-02 13:06:59 · 105 阅读 · 0 评论 -
列表实现电脑磁盘展示
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>列表练习</title> </head> <body> <h4>我的电脑文件列表</h4> <ul> <li>我的电脑</li> <ul> <li>本地磁盘(C:)</l原创 2021-01-24 22:05:53 · 129 阅读 · 0 评论 -
列表
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>列表</title> </head> <body> <!-- 有序列表 --> <ol type="I"> <li>家用电器</li> <li>数码</li> <li>笔记原创 2021-01-24 22:02:26 · 84 阅读 · 0 评论 -
绝对路径与相对路径
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!--<img src="C:\Users\86135\HBuilderProjects\day01\img\1.jpeg" > 绝对路径 --> <img src="img/1.jpeg原创 2021-01-24 21:55:33 · 334 阅读 · 0 评论 -
转义字符(实体符号)
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h1>标签很好用,有一个标题、独占一行、有行距的效果.</h1> <h2>也有</h2> <hr> <h1>标签原创 2021-01-24 21:52:57 · 387 阅读 · 0 评论 -
字体标签
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>字体标签</title> </head> <body> <font color="aqua" size="7">字体标签</font> <hr> <font color="red"><strong>加粗标签&l原创 2021-01-24 21:45:35 · 142 阅读 · 0 评论 -
html标题标签
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>标题标签</title> </head> <body> <h1>老大</h1> <h2>老二</h2> <h3>老三</h3> <h4>老四</h4> <h5&原创 2021-01-24 21:43:12 · 174 阅读 · 0 评论 -
表格、表单练习
练习中会用到的文本: 练习中会用到的图片: 页面效果 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <img src="img/header.jpg"/> <form> <table align="center">原创 2021-01-24 21:39:30 · 229 阅读 · 0 评论
分享