Java知识点笔记（二）：how2j.cn的学习（二）

最新推荐文章于 2020-11-01 10:59:30 发布

风桥z

最新推荐文章于 2020-11-01 10:59:30 发布

阅读量549

点赞数 1

文章标签： Java知识点

本文链接：https://blog.csdn.net/Aroma_/article/details/102469447

版权

本文内容的学习网站：http://how2j.cn/

1、HTML

html 文件可以用记事本写完后改后缀名为 .html

get 是 form 默认的提交方式，提交数据会在浏览器显示出来，不可以用于提交二进制数据，比如上传文件

post 必须在 form 上通过 method="post" 显示指定，提交数据不会在浏览器显示出来，可以用于提交二进制数据

<!DOCTYPE html>
<!-- 用记事本写完后改后缀名为.html -->
<html>
<head>
<!-- 编码设置  -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>TestHTML</title>

</head>
<body>

	<h1 align="center">标题标签，居中</h1>
	<p>
		<strong><em>段落标签，粗体标签，斜体标签</em></strong>
	</p>

	<pre>
		<!-- 预格式标签  -->
public class helloWorld {

    public static void main(String[] args) {
    
        System.out.println("Hello World!");
    
    }

}
</pre>

	<del>删除标签</del>
	<br />
	<ins>下划线标签</ins>
	<br />

	<img alt="图像标签" src="https://www.baidu.com/img/bd_logo1.png"
		width="200px" height="100px">
	<br />
	<a href="https://www.baidu.com/" target="blank" title="提示文字">超链标签，新页面打开</a>

	<table border="1">
		<!-- 表格标签，带边框 -->
		<tr>
			<!-- 行标签  -->
			<td align="left">1</td>
			<!-- 列标签 -->
			<td>2</td>
		</tr>
		<tr>
			<td align="center">3</td>
			<td>4</td>
		</tr>
		<tr>
			<td align="right">5</td>
			<td>6</td>
		</tr>
		<tr>
			<td colspan="2">7</td>
			<!-- 跨列  -->
		</tr>
	</table>

	<ul>
		<!-- 无序列表  -->
		<li>a</li>
		<li>b</li>
		<li>c</li>
	</ul>
	<ol>
		<!-- 有序列表  -->
		<li>d</li>
		<li>e</li>
		<li>f</li>
	</ol>

	<!-- 布局标签，结合css进行页面布局  -->
	<div>块元素，即自动换行</div>
	<span>内联元素，即不会换行</span>
	<br />

	<font color="blue" size="+2">字体标签，颜色，大小</font>
	<br />
	<iframe src="https://www.baidu.com/" width="400px" height="200px">
		<!-- 内联框架  -->
	</iframe>
	<br />

	<form method="post" action="jsp页面">
		<!-- 表单  -->
		账号：<input type="text" size="10" placeholder="背景文字" name="name"><br />
		<!-- 文本框  -->
		密码：<input type="password" name="password"><br />
		<!-- 密码框  -->
		<input type="submit" value="提交"> <input type="reset"
			value="重置">
	</form>

	<p>1 + 1 = ？</p>
	<input type="radio" name="answer" checked="checked" value="2">2
	<br />
	<!-- 单选框，默认选中，设置name相同  -->
	<input type="radio" name="answer" value="11">11
	<br />
	<input type="radio" name="answer" value="田">田
	<br />
	<input type="radio" name="answer" value="3">3
	<br />

	<p>1 + 1 = ？</p>
	<input type="checkbox" checked="checked" value="2">2
	<br />
	<!-- 复选框，默认选中  -->
	<input type="checkbox" value="11">11
	<br />
	<input type="checkbox" value="田">田
	<br />
	<input type="checkbox" value="3">3
	<br />

	<select size="3" multiple="multiple">
		<!-- 下拉列表，高度，可多选  -->
		<option selected="selected">1</option>
		<!-- 默认选中  -->
		<option>2</option>
		<option>3</option>
		<option>4</option>
	</select>
	<br />

	<textarea rows="10" cols="8">文本域</textarea>
	<br />
	<input type="button" value="提交">
	<br />
	<!-- 普通按钮  -->
	<button type="submit">提交</button>
	<br />
	<!-- 可提交按钮  -->

</body>
</html>

运行结果：

2、CSS

css 的语法：selector {property: value}，即选择器

最低0.47元/天解锁文章

风桥z

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Java知识点笔记（二）：how2j.cn的学习（二）

本文内容的学习网站：http://how2j.cn/1、HTMLhtml 文件可以用记事本写完后改后缀名为 .htmlget 是 form 默认的提交方式，提交数据会在浏览器显示出来，不可以用于提交二进制数据，比如上传文件post 必须在 form 上通过 method="post" 显示指定，提交数据不会在浏览器显示出来，可以用于提交二进制数据<!DOCTYPE ht...
复制链接

扫一扫