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