从零开始的HTML学习笔记
-
超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。
可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。
内容检索: -
-
HTML 基础文档结构
**<!DOCTYPE html>** <!-- 声明为 HTML5 文档--> **<html>** <!-- 定义了整个HTML文档的开始--> **<head>** <!-- 头部标签开始,标签包含了网页的元数据 --> **<meta charset="utf-8">** <!-- 元数据标签,定义了网页的字符编码为UTF-8--> <title>从零开始的HTML学习笔记(https://pschina.one/topic/3587/)</title> <!-- 网页标题标签,它会显示在浏览器的标签页上--> </head> <!-- 头部标签结束,标签包含了网页的元数据 --> <body> <!-- 主体标签。这部分内容会直接显示在网页上 --> <h1>我的第一个标题</h1> <!-- 标题标签 --> <p>我的第一个段落。</p> <!-- 段落标签 --> </body> <!-- 主体标签结束。这部分内容会直接显示在网页上 --> </html> <!-- 定义了整个HTML文档的结束-->
-
-
HTML 标签 HTML标签分为:单标签、双标签。
特殊标签:
<!DOCTYPE html> 声明标签
单标签:
<meta charset="utf-8"> 元数据标签 <img src="图像链接" alt="代替文字" width="宽度" height="高度" title="图像描述"> 图像标签 <form></form>表单标签 <label for="username">用户名:</label> <label for="pass">密码:</label> <input>:输入栏标签 ①<input type="text"> 输入文本标签 ②<input type="password"> 输入密码标签 ③<input type="number"> 输入数字标签 ④<input type="color"> 输入颜色标签 ⑤<input type="checkbox"> 一周记住标签 ⑥<input type="date"> 日期标签 ⑦<input type="button">按钮标签 ⑧<input type="submit">确定标签 ⑨<input type="reset">重置标签 ⑩<input value="值"> 数值标签(值) <input maxlangth="5"> 最大数值标签(5) <input placeholder="请输入密码"> 提示标签(请输入密码) <br> 换行标签 <hr> 水平线标签 <boby bgcolor="yellow">背景颜色标签
双标签:带有开始标签与结束标签
<html> </html> HTML文档标签 <head> </head> 头部标签 <title> </title> 网页标题标签 <body> </body> 主体标签 <h1-6> </h1-6> 标题标签 <p> </p> 段落标签 <a target="_blank" href="链接地址"> </a> 链接跳转 <div> </div> 元素分割标签。自成一行 <ul> </ul>无序列表标签 <ol> </ol>有序列表标签 <li> </li>列表内容标签 <button></button>按钮标签 <span></span>行内标签 <b></b> 粗字体标签 <i></i> 写字体标签 <nav> </nav>导航标签 <header></header>头部标签 <footer></footer>底部标签 <section></section>区域标签 <aside></aside>侧边栏标签 <table border="添加边框"></table>表格标签 <caption></caption> 表格标题标签 <th></th>表头标签 <tr></tr>表格行数标签 <td></td>单元格标签 <thead></thead>标签表示表格头部,一般放<tr>和<th>标签。 <tbody></tbody>标签表示表格内容,一般放<tr>和<td>标签。 <tfoot></tfoot>标签标签表格脚部标注,一般放<tr>和<td>标签。 <form></form> <form method="传送方式" action="服务器文件"> 例:method="post" action="save.php"
-
特殊字符
非换行空格