HTML单页面设计以英雄美丽家乡为主题为你心目中的英雄家乡制作一个介绍英雄家乡的页面sy1html。要求内容真实可截取自国家官方媒体页面内容包含足够的文字、图片、表格、表单、列表等HTML元素英雄主页建议可以分为个人基本信息table、事迹列表ulol、事迹简报p、个人风采img、经典语录h3、互动栏form等栏目这些栏目仅供参考个人可自行发挥。
介绍英雄/美丽家乡
<main>
<section id="basic">
<h2>个人基本信息</h2>
<table>
<tr>
<td>姓名</td>
<td>XXX</td>
</tr>
<tr>
<td>性别</td>
<td>男</td>
</tr>
<tr>
<td>出生地</td>
<td>XXX省XXX市</td>
</tr>
<tr>
<td>出生日期</td>
<td>XXXX年XX月XX日</td>
</tr>
<tr>
<td>职业</td>
<td>XXX</td>
</tr>
</table>
</section>
<section id="deeds">
<h2>事迹列表</h2>
<ul>
<li>XXXX年,XXX荣获XXX奖</li>
<li>XXXX年,XXX参加XXX比赛并获得冠军</li>
<li>XXXX年,XXX参加XXX活动并被评为优秀志愿者</li>
</ul>
</section>
<section id="brief">
<h2>事迹简报</h2>
<p>XXXX年,XXX在XXX比赛中展现出色表现,获得冠军。XXX坚信只要努力,一切皆有可能。</p>
</section>
<section id="style">
<h2>个人风采</h2>
<img src="XXX.jpg" alt="XXX的照片">
</section>
<section id="quotes">
<h2>经典语录</h2>
<h3>XXX说过:</h3>
<blockquote>
<p>只要你肯努力,你就能成为任何你想成为的人。</p>
</blockquote>
</section>
<section id="interact">
<h2>互动栏</h2>
<form>
<label for="name">姓名:</label>
<input type="text" name="name" id="name"><br>
<label for="email">邮箱:</label>
<input type="email" name="email" id="email"><br>
<label for="comment">留言:</label>
<textarea name="comment" id="comment"></textarea><br>
<input type="submit" value="提交">
</form>
</section>
</main>
<footer>
<p>版权所有 © 2021 XXX</p>
</footer>
原文地址: https://www.cveoy.top/t/topic/fVP2 著作权归作者所有。请勿转载和采集!