<section id="about">
<h2>关于我</h2>
<p>我是一名前端开发初学者。</p>
</section>
</main>
<footer>
<p>© 2023 我的网页作业. 保留所有权利.</p>
</footer>
“`
网页作业通常要求展示文本、图片、链接以及可能的多媒体内容,以下是这些元素的正确用法。
<h1> 到 <h6>,<h1> 最重要,通常每个页面只有一个 <h1>。<p> 标签包裹文本。<ul>:用于不需要特定顺序的项目(如功能列表)。<ol>:用于需要排序的项目(如步骤指南)。<li>:嵌套在 <ul> 或 <ol> 中。<img> 标签,必须包含 src(图片路径)和 alt(替代文本,用于无障碍访问和图片加载失败时显示)。
<img src="images/photo.jpg" alt="一张展示风景的照片" width="300" height="200">

链接
:使用<a> 标签。href 属性指定目标 URL。
<a href="https://www.example.com" target="_blank">访问示例网站</a>
target="_blank":在新标签页中打开链接。如果作业要求展示数据,表格是最佳选择。
<table border="1">
<caption>学生成绩表</caption>
<thead>
<tr>
<th>姓名</th>
<th>科目</th>
<th>分数</th>
</tr>
</thead>
<tbody>
<tr>
<td>张三</td>
<td>数学</td>
<td>95</td>
</tr>
<tr>
<td>李四</td>
<td>英语</td>
<td>88</td>
</tr>
</tbody>
</table>
大多数网页作业需要包含一个表单,用于收集用户信息。
<form action="/submit" method="POST">
<label for="name">姓名:</label>
<input type="text" id="name" name="name" required>
<label for="email">邮箱:</label>
<inpu
t type="email" id="email" name="email" required>
<label for="message">留言:</label>
<textarea id="message" name="message" rows="4" cols="50"></textarea>
<button type="submit">提交</button>
</form>
<p>, <div>, <h1>)都有对应的结束标签。<img src="..." alt="...">。问题 1:为什么我的中文网页显示为乱码?
解答:
这通常是因为字符编码设置不正确,请确保在 <head> 部分添加了 <meta charset="UTF-8"> 标签,UTF-8 是一种能够表示几乎所有字符的编码标准,包括中文,请确保你的 HTML 文件本身也是以 UTF-8 编码保存的,大多数现代文本编辑器(如 VS Code、Sublime Text)默认使用 UTF-8,但如果你使用记事本等旧工具,可能需要手动保存为 UTF-8 格式。

问题 2:在 HTML 中,<div> 和 <span> 有什么区别?我应该何时使用它们?
解答:<div> 和 <span> 都是无语义的容器元素,用于分组和样式化,但它们的显示行为不同:
<div> 是块级元素(block-level),它默认占据其父容器的整个宽度,并在新行开始和结束,适用于布局大型结构,如页眉、页脚、主要内容区域等。<span> 是内联元素(inline),它只占据其内容所需的宽度,不会换行,适用于对文本中的某一部分进行样式化,如改变颜色、字体大小或添加下划线。何时使用:
<div>。<span>。<header>, <section>)来替代 <div>,除非该元素纯粹用于样式或脚本操作且无语义意义。原创文章,发布者:酷盾叔,转转请注明出处:https://www.kd.cn/ask/488712.html