Day 30：HTML和CSS在Java项目中常用语法
framSet例子，其中的页面链接地址视情况而定，应为我还不知怎么弄当前文件下呢，例子主要在说明该标签如何使用
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<!--
框架标签
<framSet>:一个<frameset>可以把一个页面切割为多分，只能按照行列切割
<fram>:不可以被切割，是位于<frameset>中的
在拼接的时候如果有了<frameset>就不可以有<body>
<iframe>:在一个网页中分割出一部分来显示另外的信息（图片，插件。。。。。。）
-->
<body>
<div align="center"><font color="#CC0000" size="30px">公司的名字</font></div> </body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head> <body>
<dl>
<dt>功能介绍</dt>
<dd ><a href="../第一个网页.html" target="right">公司简介</a></dd>
<dd><a href="../超链接标签.html" target="right">公司荣誉</a></dd>
<dd><a href="../图片标签.html" target="right">产品简介</a></dd>
</dl>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head> <body>
<div align="center"><font color="#000000" size="30px">公司的消息和展示</font></div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head> <body>
<div align="center">
合作伙伴：德哈斯更换发动机凯撒恢复健康<br />
友情链接：范德萨范德萨发<br />
联系方式：545456-456456<br />
版权归属于：@reg李杰<br />
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head> <frameset rows="20%,70%,*">
<frame src="top.html"/> <frameset cols="20%,*">
<frame src="left.html"/>
<frame name="right" src="right.html" />
</frameset> <frame src="end.html"/>
</frameset><noframes></noframes> </html>
表格标签
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<!--
表单标签：用来提交数据给服务器的
表单标签的根标签是<form> 常用属性
action：指定数据提交地址
method：
get:默认提交方式,数据内容不超过1KB（会显示提交内容）。不安全
post:不会显示提交内容,提交数据不受地址栏限制。安全 注意：表单项的数据如果需要提交到服务器上，表单项就要有name的属性值，选择框之类的就要加value属性，提交的是value属性值
-->
<body>
<table width="500px" height="400px" border="1px" align="center">
<form action="http:\\www.baidu.com" method="post">
<tr>
<td>账号:</td>
<td><input name="admin" type="text" /></td>
</tr> <tr>
<td>密码:</td>
<td><input name="password" type="password" /></td>
</tr> <tr>
<!--checked="checked"或者checked="true"都是让下面的有一个最初默认值-->
<td>性别:</td>
<td>男：<input checked="checked" name="sex" value="man" type="radio" />女：<input name="sex" value="women" type="radio" /></td>
</tr> <tr>
<td>地址：</td>
<td>
<select name="city">
<option value="bj">北京</option>
<option value="sh" selected="selected">上海</option>
<option value="gz">广州</option>
<option value="sz">深圳</option>
</select>
</td>
</tr> <tr>
<td>爱好：</td>
<td>
<!-- 同一组复选框name属性值要一致，value属性值不要求-->
java<input name="hobby" value="java" type="checkbox" />js<input value="js" name="hobby" type="checkbox" />c<input name="hobby" value="c" type="checkbox" />c#<input value="c#" name="hobby" type="checkbox" />
</td>
</tr> <tr>
<td>照片：</td>
<td><input name="photo" type="file" /></td>
</tr> <tr>
<td>个人简介：</td>
<td><textarea name="message" cols="30" rows="10"></textarea></td>
</tr> <tr>
<td colspan="2"><input type="submit" value="注册" />
<input type="reset" value="重置" /></td>
</tr>
</form>
</table> </body>
</html>
可以将文件传送到百度网站，但是人家不接受，原理一样。
@charset "utf-8";
/* CSS Document */
a{
/* css的注释 ..*/
color:#F00;
text-decoration:none
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title> <!--
html 在一个网页中负责的事情是一个页面的结构
css(层叠样式表) 在一个网页中主要负责了页面的数据样式。
编写css代码的方式：
第一种： 在style标签中编写css代码。 只能用于本页面中，复用性不强。
格式 ：
<style type="text/css">
编写css的代码。
</style>
例子：
<style type="text\css">
a{
color:#F00;
text-decoration:none;
}
</style> 第二种： 可以引入外部的css文件。 推荐使用。
方式1： 使用link标签。 推荐使用
格式：
<link href="css文件的路径" rel="stylesheet">
例子： <link href="1.css" rel="stylesheet"/> 方式2：使用<style>引入
格式：
<style type="text/css" >
@import url("css的路径");
</style>
例子：
<style type="text/css" >
@import url("1.css");
</style> 第三种方式：直接在html标签使用style属性编写。 只能用于本标签中，复用性较差。 不推荐使用。
例子：
<a style="color:#0F0; text-decoration:none" href="#">新闻的标题1</a>
--> </head>
<link href="css样式.css" rel="stylesheet" />
<body>
<a href="#">新闻标题<br /></a>
<a href="#">新闻标题<br /></a>
<a href="#">新闻标题<br /></a>
<a href="#">新闻标题<br /></a>
<a href="#">新闻标题<br /></a>
<a href="#">新闻标题<br /></a>
</body>
</html>
Day 30：HTML和CSS在Java项目中常用语法的更多相关文章
- JAVA项目中常用的异常处理情况总结
JAVA项目中常用的异常知识点总结 1. java.lang.nullpointerexception这个异常大家肯定都经常遇到,异常的解释是"程序遇上了空指针",简单地说就是调用 ...
- JAVA项目中常用的异常知识点总结
JAVA项目中常用的异常知识点总结 1. java.lang.nullpointerexception这个异常大家肯定都经常遇到,异常的解释是"程序遇上了空指针",简单地说就是调用 ...
- JAVA项目中常用的异常处理情况
1.数学运算异常( java.lang.arithmeticexception) 程序中出现了除以零这样的运算就会出这样的异常,对这种异常,大家就要好好检查一下自己程序中涉及到数学运算的地方,公式是不 ...
- 【转载】Java项目中常用的异常处理情况总结
一,JDK中与异常相关的类 分析: Java中的异常分类: Throwable类有两个直接子类: Exception:出现的问题是可以被捕获的: Error:系统错误,通常由JVM处理. 可捕获的异常 ...
- Java项目中常用的的五大设计原则
今天我们一起来聊聊关于设计原则相关的知识点. SOLID五大原则是什么 SRP 单一责任原则 单一责任原则,从名字上我们就能比较好的去理解它.这项原则主张一个对象只专注于单个方面的逻辑,强调了职责的专 ...
- 对java异常的总结及java项目中的常用的异常处理情况
文章涉及内容来源:黑马程序员自学整理的笔记,网上查阅资料,以及转载名为墨钺的博客大佬,附上博客转载地址:https://www.cnblogs.com/gothic-death/p/9946415.h ...
- 实战派 | Java项目中玩转Redis6.0客户端缓存！
原创:微信公众号 码农参上,欢迎分享,转载请保留出处. 哈喽大家好啊,我是Hydra. 在前面的文章中,我们介绍了Redis6.0中的新特性客户端缓存client-side caching,通过tel ...
- Atitit.css 规范 bem 项目中 CSS 的组织和管理
Atitit.css 规范 bem 项目中 CSS 的组织和管理 1. 什么是BEM?1 1.1. 块(Block)2 1.2. 元素(Element)2 1.3. BEM树(和DOM树类似).3 ...
- eclipse java项目中明明引入了jar包 为什么项目启动的时候不能找到jar包 项目中已经 引入了 com.branchitech.app 包 ，但时tomcat启动的时候还是报错？ java.lang.ClassNotFoundException: com.branchitech.app.startup.AppStartupContextListener java.lang.ClassN
eclipse java项目中明明引入了jar包 为什么项目启动的时候不能找到jar包 项目中已经 引入了 com.branchitech.app 包 ,但时tomcat启动的时候还是报错?java. ...
随机推荐
- minst.npz下载
keras.datasets.mnist数据集下载地址 下载地址:链接: https://pan.baidu.com/s/1Rr-aHsIIEQx2z6W3qvMmhQ 提取码: 8w15
- Sping IOC容器
Sping IOC容器 package servlet; import org.springframework.context.ApplicationContext; import org.sprin ...
- RESTful风格化
RESTful Web Service介绍 Roy Thomas Fielding博士2000年提出的 REST是英文Representational State Transfer的缩写 表象化状态转 ...
- Redis 的使用
1. 概念: redis是一款高性能的NOSQL系列的非关系型数据库 1.1.什么是NOSQL NoSQL(NoSQL = Not Only SQL),意即"不仅仅是SQL",是一 ...
- 「POJ1734」Sightseeing trip
「POJ1734」Sightseeing trip 传送门 这题就是要我们求一个最小环并且按顺序输出一组解. 考虑 \(O(n^3)\) 地用 \(\text{Floyd}\) 求最小环: 考虑 \( ...
- Python 基础之linux基础相关
一: python3.6.x在Ubuntu16.04下安装过程 #(1)保证网络正常连接 sudo add-apt-repository ppa:jonathonf/python-3.6 (如果超时 ...
- DateTime.Now.ToFileTime
var s = System.DateTime.Now.ToFileTime().ToString(); DateTime.Now.ToFileTime() 可以获得当前时间的长整型数字,这个数字应该 ...
- 集合set() 二
集合分类 可变集合set() 可以添加和删除元素,非可哈希的(值set之后的整体),不能用作字典的键,也不能做其它集合的元素. set() 之后变为不可哈希的 不可变集合 frozenset( ...
- vh搭配vw进行响应式布局
1.浏览器兼容性: IE8-不支持,IOS7.1-不支持,android4.3-不支持 2. vh代表浏览器视口高度(100vh等于当前浏览器的整个高度) 3.vw代表浏览器视口的宽度 (100vw等 ...
- natapp 内网穿透服务
参考文章:https://www.jianshu.com/p/91a321e584b8 参考文章:https://www.jianshu.com/p/c4cb8666c96a 一.什么是内网穿透 通过 ...