<!DOCTYPE html>
<!-- 标签 -->
<html> <!--开始标签,父标签, 标签名,根标签,双标签-->
<!-- 标签体 -->
<head> <!--子标签-->
<!--head中定义页面的样式以及动态效果-->
<!--meta charset="utf-8":标签的属性,简称属性 -->
<meta charset="utf-8"> <!--单标签元素-->
<title>这是我的第一个网页</title>
<style>
/*css cascding style sheet 层叠样式表 */
h1 {
color:blueviolet;
}
.abc {
color:chocolate;
font-size: xx-large;
}
p{
font-family: cursive;
}
</style>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- body中是页面所要展示的内容 -->
<h1>庚子年马上就要过去了</h1>
<p class='abc italic'>中国马上就要建设空间站了</p>
</body>
</html> <!--结束标签-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>图片和超链接</title>
</head>
<body>
<!-- 图片 -->
<img src="C:\python(小樊内容)\day06\kaola.jpg" alt="" width="500" height="300">
<hr>
<!-- 超链接 -->
<a href="https://baike.sogou.com/v49681.htm?fromTitle=%E8%80%83%E6%8B%89"><img src="C:\python(小樊内容)\day06\kaola.jpg" alt="" width="500" height="300"></a>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
<title>表格</title>
</head>
<body>
<table border="1px" cellspacing='0' cellpadding='0'>
<!-- 一行 -->
<tr>aaa</tr>
<!-- 一列 -->
<td>bbb</td>
<td>ccc</td>
<td>fff</td>
<tr>
<td>sss</td>
<td>mmm</td>
<td>xxx</td>
</tr>
<tr>
<td colspan='3'>jjj</td>
</tr>
</table>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
<title>表单</title>
</head>
<body>
<form action="https://www.baidu.com">
<!--
account=admin password=123456
-->
<!-- 文本输入框 -->
账号:<input type="text" name="account">
<br>
<br>
<!-- 密码输入框 -->
密码:<input type="password" name="password">
<br>
<br>
<input type="submit" value="注册">
<hr>
<!-- 单选 -->
性别:<input type="radio" name="gender" id="">男
<input type="radio" name="gender" id="">女
<br>
<br>
<!-- 多选 -->
爱好:<input type="checkbox" name="hobby">游戏
<input type="checkbox" name="hobby">读书
<input type="checkbox" name="hobby">旅游
<input type="checkbox" name="hobby">睡觉
<input type="checkbox" name="hobby">跑步
<input type="checkbox" name="hobby">打篮球
<input type="checkbox" name="hobby">听音乐
<input type="checkbox" name="hobby">羽毛球
<br>
<br>
<!-- 下拉选择框 -->
城市:
<select name="city" id="">
<option value="0">-请选择-</option>
<option value="1">-西安-</option>
<option value="2">-咸阳-</option>
<option value="3">-渭南-</option>
<option value="4">-宝鸡-</option>
<option value="5">-安康-</option>
<option value="6">-榆林-</option>
<option value="7">-铜川-</option>
<option value="8">-汉中-</option>
<option value="9">-商洛-</option>
</select>
</form>
</body>
</html>
|