HTML,作为前端的三剑客之一,同时也是一种超文本标记语言,需要我们去认真学习。以下是我这段时间学习HTML的相关笔记。
HTML的基本结构
一个完整的HTML文件包含了<head>
和<body>
两个部分,其余内容都是放在这两个标签中。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!-- 通常会在<head>中插入<style>等 -->
</head>
<body>
...
</body>
</html>
HTML的常用标签
\<p>\</p>
:段落标签
\<br>
:换行标
\<div>\</div>
:块状标签(大盒子)
\<span>\</span>
:行内元素标签(小盒子)
\<h>\</h>
:标题标签
\<a>\</a>
:超链接标签
表格和表单
表格包含以下标签:
\<table>\<\table>
:创建一个表格
\<tr>\</tr>
:表格的行
\<th>\</th>
: 表格开头
\<td>\</td>
:表格元素
表单包含以下标签:
\<form></form>
:表单域
\<input>
:输入框
\<select>
:下拉列表
\<textarea>
:文本域
其中,<input>内输入的类型由type
决定。
HTML中的文本格式化标签
总结
HTML在前端开发中是骨架
一般的存在,我们必须要熟悉HTML的各种结构,才能在后面的学习中顺利进行。