<!--告诉浏览器,网页所使用的语言-->
<!DOCTYPE html>
<!--标签形容的内容,就是我们的网页-->
<html>
<!--定义关于文档的信息-->
<head>
<!--文档的元信息-->
<meta charset="utf-8" />
<!--utf-8万国码-->
<title>我的网站</title>
<!--外部样式引入-->
<link rel="stylesheet" href="index.css" />
<br />
<!--内部样式-->
<!--<style>
body{
background-color: blueviolet;
}
</style>-->
</head>
<!--<body之间的文本是可见的文本内容>-->
<!--内联样式,先执行外部样式,再执行内部样式,最后执行内联样式-->
<!--<body style="background-color: burlywood;">-->
<body>
<p>abcdef</p>
<!--样式的三种写法,css的三种写法:1.外部样式;2.内部样式;3.内联样式-->
<!--外部样式-->
<!--form 表单元素 action代表事件-->
<form action="abc.php" >
<!--单选框-->
账号: <input type="text" maxlength="3" name="account" placeholder="请输入账号"/>
<br />
密码: <input type="password" maxlength="2" name="password" placeholder="请输入密码"/>
<br />
性别: 男<input type="radio" name="sex" value="1"/> 女<input type="radio" name="sex" value="2"/>
<br />
<!--复选框-->
爱好:旅游<input type="checkbox" name="a1"/>美食<input type="checkbox" name="a2" />
摄影<input type="checkbox" name="a3" />运动<input type="checkbox" name="a4" />
<br />
<!--提交按钮-->
<input type="submit" value="注册" />
<br />
<!--还原按钮-->
<input type="reset" />
</form>
<!--ol ul 列表标签-->
<ul type="square">
<li class="fruits"><span>西瓜</span></li>
<li class="fruits">苹果</li>
</ul>
<span>橘子</span>
<ol type="i">
<li>苹果</li>
<li class="fruits">
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。