写一段开头是图片,下面是几个文字块状超链接,下面是文字,下面是登录界面的表单,然后是视频的网页html5的代码
时间: 2024-09-14 21:12:05 浏览: 25
HTML5 的结构允许你通过 `<img>` 标签插入图片,链接块可以通过 `<a>` 标签配合 `href` 属性来创建,表单则用 `<form>`、`<input>` 等元素构建登录界面,而视频通常使用 `<video>` 标签。下面是一个简化版的示例:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>页面标题</title>
</head>
<body>
<!-- 图片和文字链接 -->
<header>
<img src="image.jpg" alt="图片描述">
<h1><a href="link1.html">文字链接1</a></h1>
<h1><a href="link2.html">文字链接2</a></h1>
</header>
<!-- 文字内容区域 -->
<main>
<p>这是网页的文字部分...</p>
</main>
<!-- 登录表单 -->
<section id="login-form">
<h2>登录</h2>
<form action="/submit-login" method="post">
<label for="username">用户名:</label>
<input type="text" id="username" name="username">
<br>
<label for="password">密码:</label>
<input type="password" id="password" name="password">
<br>
<button type="submit">登录</button>
</form>
</section>
<!-- 视频播放 -->
<footer>
<video width="640" height="360" controls>
<source src="video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</footer>
</body>
</html>
```