默写html基本结构
HTML基本结构
HTML是一种用于创建网页的标记语言。在学习HTML之前，我们需要了解HTML的基本结构。HTML基本结构由以下几个部分组成：
<!DOCTYPE html>
<html>
<head>
    <title>页面标题</title>
</head>
<body>
    页面内容
</body>
</html>
1. <!DOCTYPE html>
<!DOCTYPE html>是HTML文档类型声明，它告诉浏览器该文档使用的是哪个版本的HTML。在HTML5中，<!DOCTYPE html>是唯一的文档类型声明。
2. <html>
<html>标签包含整个HTML文档，它有两个必需属性：lang和dir。lang属性指定页面使用的语言，dir属性指定页面文本的方向（从左到右或从右到左）。
3. <head>
<head>标签包含网页头部信息，如<meta>、<link>、<title>等元素。其中<title>元素定义网页标题，在浏览器标签栏中显示。
4. <title>
<title>元素定义网页标题，在浏览器标签栏中显示。它应该放在<head>标签内，并且只能出现一次。
5. <body>
<body>标签包含网页主要内容，如文字、图片、视频等。它应该放在<html>标签内，并且只能出现一次。
6. 其他元素
除了上述基本结构外，还有许多其他元素可以用来创建网页。例如：<h1>~<h6>用于定义标题，<p>用于定义段落，<img>用于插入图片等。
HTML结构示例
下面是一个简单的HTML结构示例：
<!DOCTYPE html>
<html lang="zh-CN" dir="ltr">
<head>
    <meta charset="utf-8">
    <title>我的网页</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header>
        <h1>我的网页</h1>
        <nav>
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">关于我</a></li>
                <li><a href="#">联系我</a></li>
            </ul>
        </nav>
    </header>
    <main>
        <h2>欢迎来到我的网页！</h2>
        <p>这是我的第一个网页，我将在这里分享一些有趣的事情。</p>
        <img src="image.jpg" alt="一张美丽的图片">
        <ul class="list">
            <li>列表项1</li>
            <li>列表项2</li>
            <li>列表项3</li>
        </ul>
        <table class="table">
            <tr><th>ID</th><th>Name</th><th>Email Address<th></tr>
            <tr><td>001<td>Jane<td>****************<td></tr>
            <tr><td>002<td>John<td>****************<td></tr>
        </table>
        <form action="#" method="post">
            <label for="username">用户名：</label>
            <input type="text" id="username" name="username"><br>
html input type属性            <label for="password">密码：</label>
            <input type="password" id="password" name="password"><br>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。