Day13Day14_学点儿HTML_基本标签、div和span、table、form
在HTML中,基本的标签有:
- 标题标签
<h1>
到<h6>
表示不同级别的标题。 - 段落标签
<p>
用于分隔内容。 - 换行标签
<br>
用于在文本中创建换行。 - 水平线标签
<hr>
用于在内容中插入水平线。 - 文本格式化标签,如
<strong>
或<em>
用于强调文本。 <div>
和<span>
标签用于布局,<div>
是块级元素,<span>
是行内元素。<table>
用于创建表格,<tr>
表示行,<td>
和<th>
表示列和表头。<form>
用于创建表单,表单内部可以包含各种输入元素如<input>
、<select>
、<textarea>
。
示例代码:
<!DOCTYPE html>
<html>
<head>
<title>示例页面</title>
</head>
<body>
<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<br>
<hr>
<strong>这是粗体加强文本。</strong>
<em>这是斜体加强文本。</em>
<div>这是一个div块元素。</div>
<span>这是一个span行内元素。</span>
<table border="1">
<tr>
<th>表头1</th>
<th>表头2</th>
</tr>
<tr>
<td>数据1</td>
<td>数据2</td>
</tr>
</table>
<form action="/submit_page" method="post">
<label for="name">姓名:</label>
<input type="text" id="name" name="username"><br><br>
<input type="submit" value="提交">
</form>
</body>
</html>
这段代码展示了如何使用这些基本标签来创建一个简单的HTML页面,其中包括标题、段落、换行、水平线、文本强调、div和span布局元素、表格和表单。
评论已关闭