HTML的基础语法和标签
HTML的基础语法
HTML是一种标记语言,用于创建网页。它使用标签和属性来标记和描述网页中的各个元素和内容。
HTML文档的基本结构如下:
<!DOCTYPE html>
<html>
<head>
<title>网页标题</title>
</head>
<body>
网页内容
</body>
</html>
其中:
1.<!DOCTYPE html>
声明文档类型为HTML5。
2.<html>
标签是HTML文档的根元素。
3.<head>
标签包含了网页的元数据,如标题、描述、关键字等。
4.<title>
标签定义了网页的标题,显示在浏览器的标题栏中。
5.<body>
标签包含了网页的主要内容。
HTML的常用标签
HTML有许多标签,每个标签都有不同的用途,可以分为块级标签和行内标签(块级标签独占一行,通俗讲会自动换行)。以下是一些常用的HTML标签及其用途:
1.标题标签
标题标签用于定义网页的标题,一般放在<head>
标签中。
<head>
<title>网页标题</title>
</head>
2.段落标签
段落标签用于定义网页中的段落。
<p>这是一段段落。</p> <!-- 块级标签 -->
3.文本格式化标签
文本格式化标签用于格式化文本,如加粗、斜体、下划线等。
<strong>加粗文本</strong>
<em>斜体文本</em>
<u>下划线文本</u>
4.图片标签
图片标签用于插入图片。
<img src="图片地址" alt="图片描述"> <!--一般图片地址都写相对路径-->
5.链接标签
链接标签用于创建链接。
<a href="链接地址">链接文本</a>
6.列表标签
列表标签用于创建有序或无序列表。
<ul>//无序标签
<li>列表项1</li>
<li>列表项2</li>
</ul>
<ol>//有序标签
<li>列表项1</li>
<li>列表项2</li>
</ol>
7.表格标签
表格标签用于创建表格。
<table>
<thead>
<tr>
<th>表头1</th>
<th>表头2</th>
</tr>
</thead>
<tbody>
<tr>
<td>单元格1</td>
<td>单元格2</td>
</tr>
<tr>
<td>单元格3</td>
<td>单元格4</td>
</tr>
</tbody>
</table>
8.表单标签
表单标签用于创建表单。
<form action="表单提交地址" method="表单提交方式">
<label for="username">用户名:</label>
<input type="text" id="username" name="username">
<label for="password">密码:</label>
<input type="password" id="password" name="password">
<input type="submit" value="提交">
</form>
总结
针对html这些只是基本的标签,还有许多不同效果的标签。不同的标签有不同的属性,可以根据属性修改样式,以便使得你的页面更加好看,不过要想让界面更加多花样就需要使用到css,而动态化则需要用到js.