Java Web 第一节总结
W3school网站：https://www.w3school.com.cn 【自学推荐网站】
<! DOCTYPE html>
<html>
<head> //根标记
<title> 标题名 </title>
</head>
<body> //主体标记
第一个HTML
如果没标记则与上面合并
<h1> 标题 h1-h6 6种模式 </h1>
<hr /> //水平线
<p> 这是一个段落 </p>
这是换行 <br />
**文本样式标签**
<font 属性=“属性值”> 文本样式 </font>
**表格标签**
<table border="1" width="400px"> //border边框像素
<tr> //定义行
<th> 表头单元格，定义列 </th>
<td> 标准单元格，定义列 </td>
<td colspan="2"> 行占两行 </td>
<td rowspan="2"> 列占两列 </td>
</tr>
</table>
**表单标签**
<form action="url地址" method="提交方式" name="表单名称" >
各种表单控件
<input type="控件类型">
</form>
</body>
</html>
例1
<! DOCTYPE html>
<html>
<head>
<title> 第一节总结(1) </title>
</head>
<body>
<h1> <font size="5" color="green"> 《声声慢》 </font> </h1>
<hr />
<h4> 词：陈钰海 曲：刘洋 原唱：陈艺鹏 </h4>
<p>落花飞满天 <br />
白雪化睡莲 <br />
叶絮脱落船在转心暗酸 <br />
暮色洒照村 <br />
雨点打檐前 <br />
夜里俏静凝望晚空心却远 <br />
月光遮冷星 <br />
画扇扑流萤 <br />
独照镜内凝泪似秋霜结冰 <br />
夜灯惜暗影 <br />
聚散似浮萍 <br />
梦见故面盈袖暗香风月证 <br />
泪滴声声 <br />
无人倾听 <br />
</p>
</body>
</html>
例2
<! DOCTYPE html>
<html>
<head>
<title> 第一节总结(2) </title>
</head>
<body>
<table border="1" width="400px"> //第一个列表
<tr>
<th>（1,1）</th>
<th colspan="2">（1,2）</th>
</tr>
<tr>
<td>（2,1）</td>
<td>（2,2）</td>
<td>（2,3）</td>
</tr>
</table>
<br /><br />
<table border="1" width="400px"> //第二个列表
<tr>
<th>（1,1）</th>
<th>（1,2）</th>
<th>（1,3）</th>
</tr>
<tr>
<td rowspan="2">（2,1）</td>
<td>（2,2）</td>
<td>（2,3）</td>
</tr>
<tr>
<td>（3,1）</td>
<td>（3,2）</td>
</tr>
</table>
</body>
</html>
例3
<! DOCTYPE html>
<html>
<head>
<title> 第一节总结(3) </title>
</head>
<body>
<form action="https://gpnu.edu.cn" method="post">
用户名:<input type="text" value="Bob" /> <br />
密码:<input type="password" value="123456" /> <br />
性别:<input type="radio" value="1" name="sex"/>男
<input type="radio" value="0" name="sex"/>女 <br />
兴趣:<input type="checkbox" name="hobby"/>看电影
<input type="checkbox" name="hobby"/>敲代码
<input type="checkbox" name="hobby"/>玩游戏 <br />
头像:<input type="file" /> <br />
<input type="submit" name="注册"/>
<input type="reset" name="重置"/> <br />
</form>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
