Java知识点笔记(二):how2j.cn的学习(二)

本文内容的学习网站: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 的语法:sel

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值