零基础HTML比记知识练习

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>

</head>
<body alink="#0000FF">

<h1>网站一级标题</h1>
<ul>
<li><a href="www.baidu.com">导航链接一</a></li>
<li><a href="www.baidu.com">导航链接二</a></li>
<li><a href="www.baidu.com">导航链接三</a></li>
<li><a href="www.baidu.com">导航链接四</a></li>
</ul>
<b><h2>文章一级标题</h2></b>
<b><h2>文章二级标题</h2></b>

文章作者 文章发表时间<br><br>

希望你们牢记使命、牢记责任,坚持国家利益至上,坚持军民深度融合发展,坚持实施创新驱动战略,大胆创新,锐意改革,脚踏
<a href="www.baidu.com">为把我国建设成为航空强国而不懈奋斗。</a><br><br>

探索浩瀚宇宙,发展航天事业,建设航天强国,是我们不懈追求的航天梦。经过几代航天人的接续奋斗,我国航天事业创造了以“两弹一星”、载人航天、月球探测为代表的辉煌成就<br>
<img src="lg.png"><br><br>

希望你们牢记使命、牢记责任,坚持国家利益至上,坚持军民深度融合发展,坚持实施创新驱动战略,大胆创新,锐意改革,脚踏
<a href="www.baidu.com">为把我国建设成为航空强国而不懈奋斗。</a><br><br>

<h2>另一篇文章一级标题</h2><br>
<h3>二级标题</h3><br>
<h4><文章作者 文章发表时间></h4><br>
希望大家继续弘扬航空报国精神,坚持安全第一、质量第一,<a href="www.daibu">脚踏实,</a>精益求精,扎实做好首飞前的准备工作<br><br>
<img src="xlg.png"><br><br>
<ul>
<li>列表项目一</li>
<li>列表项目二</li>
<li>列表项目三</li>
</ul>
<h1>图片<h1>
<h4>好看的图片</h4>
<img src="xlg.png">
<h1>最后一篇文章一级标题</h1>

<h2>文章二级标题<h2>

</h4>文章作者 文章发表时间</h4>
<ol>
<li>排名一</li>
<li>排名二</li>
<li>排名三</li>
</ol>
下面是一个表格,给表格加了一个border="1" 好让你看出是一个表格
<div class="xhx">
<table border="1">
<tr>
<td>载人&nbsp;</td>
<td>载人&nbsp;</td>
<td> <a href="www.baidu.com" >ro3</a></td>
</tr>
<tr>
<td>载人航天</td>
<td>载人航天</td>
<td><a href="www.baidu.com">two3</a></td>
</tr>
<tr>
<td>载人航天</td>
<td>载人航天</td>
<td><a href="www.baidu.com">she3</a></td>
</tr>
<tr>
<td>载人航天</td>
<td>载人航天</td>
<td><a href="www.baidu.com">two3</a></td>
</tr>
<tr>
<td>载人航天</td>
<td>载人航天</td>
<td><a href="www.baidu.com">555</a></td>
</tr>
<tr>
<td>载人&nbsp;</td>
<td rowspan=2+3>载人</td>
</tr>
</table>
<h3>这里以后好似一个个侧栏,这是侧栏的标题</h3>
<h3>侧栏注册窗口标题</h3>
<form>
请输入邮箱地址:<input type="passworld" name="pwd" placeholder="输入地址" /><br><br>
邮箱地址请按要求格式如输入<br>
请输入密码:<input type="passworld" name="pwd" placeholder="输入密码"/>
请重复输入密码:<input type="passworld" name="pwd" placeholder="重复输入密码"/><br><br>
密码请输入6-16位数字<br>
<input type="radio" name="sex" value="male">男
<input type="radio" name="sex" value="female">女

</form><br>
城市:
<select>
<option>北京</option>
<option>上海</option>
<option>广州</option>
<option>深圳</option>
</select><br>
爱好:
<form>
爱好:<input type="checkbox" name="vehicle" value="Bick">运动
<input type="checkbox" name="vehicle" value="Bick">艺术
<input type="checkbox" name="vechicle" value="Bick">科学
</form>
<textarea rows="10" cols="30" placeholder="个人介绍"/ >
</textarea>
<form action="">
<input type="button" value="确认按钮" >

</form><br>
版权所有:<span style="font-family:arial;">Copyright &copy;2009 </span>

</body>
</html>

 

 

posted @   wangwen896  阅读(171)  评论(0编辑  收藏  举报
编辑推荐:
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?
点击右上角即可分享
微信分享提示