<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>胡彩霞的网页</title>
</head>
<body> 所有的东西要写在body里面
这是我的学习一
<!-- 我的东西写在这里面;会显示在浏览器里面 -->
<div>111111111111111</div>
<!-- 块标签独占一行 -->
<div sttyle="width:400px;hight:400px;border:10px ;solid red;"></div>
<!-- 行块标签不会独占一行可以挨在一起 -->
<!-- 共同点是行块和块标签都可以设置宽高 -->
<!-- 内联标签不会独占一行，不同点无法设置宽高 -->
<!-- 属性应该写在<>里面 -->
<a href="https://cn.bing.com/search?q=%E7%99%BE%E5%BA%A6&form=ANNTH1&refig=692ec7572e2c491184e6f0b83f12f284&pc=LCTS">我是一个a标签</a>
<!-- 可以用来跳转网页或者地址-->
<!-- alt+shift+下光标快捷方式 -->
<div>3333333333</div>
<br>
<a href="D:\图片\Camera Roll">我是一个跳转本地文件的地址</a>
<br>
<a href="D:\图片\Camera Roll\2.jpg">1000</a>
<!-- "可以跳转到本地文件" -->
<br>
<a href="">我是准备被点击的A标签</a>
<br>
<a href="">xccs</a><br>
<a href="https://dldir1.qq.com/qqtv/TencentVideo11.145.7728.0.exe?support_redirect=1"download>我是一个下载的a标签</a>
<h1>111111111</h1>
<h2>111111111</h2>
<h3>111111111</h3>
<h4>111111111</h4>
<h5>111111111</h5>
<h6>111111111</h6>
<!-- h1-h6为标题 -->
<p>是段落独占一行作为一个文字段落</p>
<br>
<!-- 相当于回车 -->
<hr>
<!-- 水平线可以设置颜色和宽度，不设置高度就占一行 -->
<b>加粗文字</b>
<i>斜体文字</i>
<em>定义着重文字斜体</em>
<!-- 重点 -->
<ol>有序标签会自动在前面带序号使用>可以进行标签的嵌套</ol>
<ol>><li>111111111111</li>
回车进行分割
<li>2222222222</li></ol>
<ol><ul>无序标签前面是一个实心点</ul></ol>
<!-- ul标签和li标签都要包裹在ol里面 -->
<table>tr和td要嵌套在table里面使用</table>
<table border="10">
<!-- table是表格的意思 -->
<tr>
<!-- tr是行td是列td要写在tr里面 -->
<td>111111111</td>
<td>222222220</td>
<td>3333333333</td>
</tr>
<tr>
<td>111111111</td>
<td>222222222</td>
<td>5555555555</td>
</tr>
</table>
<table border="10">
<tr>
<td colspan="2">7777777777</td>
<td>9999999999</td>
<td>8888888888</td>
<tr>
<td>5555555555</td>
<td>6666666666666</td>
<td>44444444444</td>
</tr>
<!-- 在td后面加上colspan是横向合并 -->
<!-- 嵌套里面的东西要比最高级的位置要更加后面 -->
</tr>
</table>
<input type="text">
<!-- 表单收集东西的 -->
</body>
</html>