#8：30-9：00 签到打卡
#9：30-12：00 观看javaweb视频
#14：00-18：00 写qq项目
1.标题标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>标题</title>
</head>
<body>
<h1 align="left">标题1</h1> <!--1号标题，最小标题，左对齐-->
<h2 align="right">标题2</h2> <!--2号标题，右对齐-->
<h3 align="center">标题3</h3> <!--3号标题，居中对齐-->
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6> <!--1号标题，最大标题->
</body>
</html>2.列表标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>列表</title>
</head>
<body>
<ul type="none"><!--无序列表,并且不显示标签-->
<li> 1</li>
<li> 2</li>
<li> 3</li>
</ul>
<ol><!--有序列表-->
<li> 66</li>
<li> 66</li>
<li> 66</li>
</ol>
</body>
</html>3.图片标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>img图片</title>
</head>
<body>
<img src="./1.jpg"><!--当前目录的图片1.jpg-->
<img src="../1.jpg"><!--上一级目录的图片1.jpg-->
<img src="http://ip:port/8848/src/1.jpg"><!--绝对路径的jpg-->
<img src="./1.jpg" width="100" height="100" border="1" alt="没有图片"><!--当前目录的图片1.jpg-->
<!--width为宽度，height为高度，border为边框厚度 alt为没有图片时的显示文字-->
</body>
</html>4.超链接标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>超链接</title>
</head>
<body>
<a href="http://localhost:8080">百度</a><br> <!--标准超链接，跳转到目录-->
<a href="http://localhost:8080" target="_self">百度</a><br> <!--当前页跳转，默认跳转方式-->
<a href="http://localhost:8080" target="_blank">百度</a><br> <!--新建一个窗口跳转-->
</body>
</html>5.表格标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表格</title>
</head>
<body>
<table border="1" width="300" height="300" cellspacing="0">
<!--定义一个3*3的表格，边框为1,cellspacing表示单元格的间距-->
<tr><!--行标签。一个为表格的一行-->
<th align="center">1.1</th><!--表单标签，一个为一个单元格-->
<td align="lift">1.2</td>
<td rowspan="2">1.3</td><!--rowspan表示跨行属性，为2表示跨两行-->
</tr>
<tr>
<td colspan="2">2.1</td><!--colspan表示跨列属性，为2表示跨两列-->
</tr>
<tr>
<th>3.1</th><!--表头标签跟随第一个表单元格-->
<th>3.2</th>
<th>3.3</th>
</tr>
</table>
</body>
</html>6.iframe标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>iframe标签</title>
</head>
<body>
<iframe src="2列表.html" width="400" height="400" name="abc">666</iframe>
<!--嵌套一个iframe页面，定义一个name来实现跳转-->
<ul>
<li><a href="2列表.html" target="abc">列表</a></li>
<!--超链接，target="abc"为跳转到name为abc的页面-->
<li><a href="5表格.html" target="abc">表格</a></li>
<li><a href="1标题.html" target="abc">标题</a></li>
</ul>
</body>
</html>7.表单标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单</title>
</head>
<body>
<form>
<table>
<tr>
<td>用户名</td>
<td><input type="text" value="123"></td>
<!--定义一个文本输入框，value为默认值-->
</tr>
<tr>
<td>用户密码</td>
<td><input type="password" value="123"></td>
<!--定义一个密码输入框，value为默认值-->
</tr>
<tr>
<td><input type="radio" name="s" >男 </td>
<!--定义一个单选框，name一样为一组，checked为默认选中，没有即都不选中-->
<td><input type="radio" name="s" checked="checked">女</td>
</tr>
<tr>
<td> 爱好</td>
<!--定义一组复选框-->
<td><input type="checkbox">c++ <input type="checkbox">java <input type="checkbox">c语言</td>
</tr>
</table>
</form>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
