<!--指定当前版本-->
<!DOCTYPE html>
<!--跟标签,指定语言形式-->
<html lang="en">
<!--网页头部-->
<head>
<!-- 字符编码格式-->
<meta charset="UTF-8">
<!-- 标题-->
<title>Title</title>
</head>
<!--写的标签,都放在这里-->
<body>
</body>
</html>
===================
标题标签:字体最大h1,最小h6
<!--h1-h6-->
我是一个普通的文字
<h1>我是h1标题标签</h1>
<h2>我是h2标题标签</h2>
<h3>我是h3标题标签</h3>
<h4>我是h4标题标签</h4>
<h5>我是h5标题标签</h5>
<h6>我是h6标题标签</h6>
==================
段落标签:p标签单独一行,格与格之间有间隔
br 单独一行,格与格之间没间隔
<p>今天天气好热,我好想睡觉啊</p>
<p>今天天气好热,我好想睡觉啊</p>
<p>今天天气好热,我好想睡觉啊</p>
今天天气好热,我好想睡觉啊<br>
今天天气好热,我好想睡觉啊
======================
<p> 普通的文本</p>
<!--加粗标签-->
<strong>我要变状一些</strong>
<b>我也要变状一些</b><br>
<!--倾斜标签-->
<em>我要斜一点</em>
<i>我也要斜一点</i>
<!--删除线-->
<del>我是删除线</del>
<s>我也是删除线</s>
<!--下划线-->
<ins>我是下划线</ins>
<u>我也是下划线</u>
=================
!--div盒子独占一行,块级元素-->
<!--span 盒子一行可以又多个,行内元素-->
<div>
<h1>我是div盒子</h1>
<p>我是段落</p>
</div>
<div>我是div盒子</div>
<span>我是span盒子</span>
<span>我也是span盒子</span>
===================
<!--注意,src里面可以放入相对路径和绝对路径,但是绝对路径只能用网页的绝对路径,本地的绝对路径无法使用-->
<!--因为浏览器会默认有保护机制,保护我们本地的磁盘安全-->
<!--<img src="./girl.png" alt=""-->
<!-- <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.jj20.com%2Fup%2Fallimg%2F1114%2F062021132H5%2F210620132H5-1-1200.jpg&refer=http%3A%2F%2Fimg.jj20.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1659616921&t=886b36cd4601bbb5ff40acd9c29ee162"alt="">-->
<!--alt 图片找不到的情况下回显示的内容,一般做一个解释,告诉你这个图片是个啥-->
<!--title 鼠标悬停图片时,显示里面的内容-->
<!-- <img src=""./girl.png alt="美女" title="这个美女我很喜欢">-->
<!-- <img src="./girl.png" alt="" width="400">-->
<!-- <img src="./girl.png" alt="" height="400">-->
<img src="./girl.png" alt="" height="400" width="400">
================================
<!--href 要跳转的网址-->
<p><a href="https://www.2345.com/?hzsafe&f=x1_S6_t1&p=b1">点我一下</a></p>
<!--target="_self" 当前页面进行跳转-->
<!--target="_blank" 新的页面进行跳转-->
<p><a href="./06_图片标签.html" target="_blank">你也点我一下吧</a></p>
<!--这是一个空链接-->
<a href="#">我是空链接</a><br>
<!--如果跳转的是一个压缩文件,那么就是下载当前文件-->
<a href="./girl.zip">跳转压缩文件</a>
======================
<!--id ,相当于给标签,但是一定要注意id不允许重名-->
<h1 id="index">首页</h1>
<a href="#introduce">个人介绍</a>
<p>这是内容</p>
<p>这是内容</p>
<p>这是内容</p>
<p>这是内容</p>
<p>这是内容</p>
<p>这是内容</p>
<p>这是内容</p>
<p>这是内容</p>
<a href="#index">返回首页</a>
<h2 id="introduce">个人介绍</h2>
<p>个人介绍</p>
<p>个人介绍</p>
<p>个人介绍</p>
<p>个人介绍</p>
<p>个人介绍</p>
<p>个人介绍</p>
<p>个人介绍</p>
=============================
<!--代表空格的特殊字符  -->
<!-- <p>蜀道 难于上青天 卡加斯的 阿克苏阶段</p>-->
<!-- <p>蜀道 难于上青天  卡加斯的  阿克苏阶段</p>-->
<!--<小于符号 >大于符号-->
<p><p>是一个段落标签</p>
========================
<!--tr行 td列 表头thead包装,内容用tbody包装 -->
<!--表头的信息,放在th标签中-->
<!--align 对齐方式 border 边框 cellpadding文字和单元格的间隙 cellspacing单元格之间的间距-->
<!--center 居中-->
<!--表格,用来展示数据-->
<table align="center" border="1" cellpadding="10" cellspacing="0">
<!-- 行-->
<thead>
<tr>
<!-- 列-->
<th>姓名</th>
<th>年龄</th>
<th>爱好</th>
</tr>
</thead>
<tbody>
<tr>
<td>可好</td>
<td>10</td>
<td>敲代码</td>
</tr>
<tr>
<td>大黑牛</td>
<td>20</td>
<td>看电影</td>
</tr>
</tbody>
</table>
==========================
<!--表单,提交数据-->
<!--action 表单提交的地址-->
<form action="">
<!-- value input标签的值是什么-->
<!-- placeholder 提示输入的内容是什么-->
用户名:<input type="text" placeholder="请输入用户名"><br>
密码:<input type="password" placeholder="请输入密码"><br>
<!-- radio 单选框 checked="checked"默认选中-->
性别: 男<input type="radio" name="sex" checked="checked">
女<input type="radio" name="sex">
<!-- 多选框 checkbox-->
爱好: 唱歌<input type="checkbox">
跳舞<input type="checkbox">
敲代码<input type="checkbox"><br>
<!-- 提交按钮-->
<input type="submit" value="提交">
<!-- button 按钮-->
<input type="button" value="普通按钮">
<!-- 重置-->
<input type="reset">
<!-- file 上传文件-->
<input type="file">
</form>
=========================
单项点击
性别: <label for="man">男</label><input type="radio" name="sex" id="man">
<label for="woman">女</label><input type="radio" name="sex" id="woman">
======================
下拉列表:
<select name="" id="">
<option value="">湖南</option>
<option value="">湖北</option>
<option value="" selected="selected">北京</option>
</select>
==================
相当于一个输入框
<!--cols 一行几个字-->
<textarea cols="20" rows="5">
=====================
序列表:
清除li标签黑点
li{
list-style: none;
}
<!--无序列表 ul 当中只能放li,li里面可以放任意标签-->
<ul>
<li>第一列</li>
<li>第二列</li>
<li>第三列</li>
</ul>
<!--有序列表 ol 当中只能放li,li里面可以放任意标签-->
<ol>
<li>第一列</li>
<li>第二列</li>
<li>第三列</li>
</ol>
<!--自定义列表-->
<dl>
<dt>标题</dt>
<dd>内容</dd>
<dd>内容</dd>
<dd>内容</dd>
</dl>
