web前端代码基本用法
<html>
<head>
<meta charset="utf-8">
<!-- charset 属性规定 HTML 文档的字符编码。要是没有规定字符编码的话是有可能乱码的 -->
待到秋来九月八（head）
<!-- 头部就是直接写在最上面的文字，此时若是body什么格式也没有，直接出现文字的话，他是会直接接在head后面的 -->
</head>
<body>
我花开后百花杀（body）
<!-- 这里就会直接接到上面去了 -->
<!-- 这是一个注释的标签 -->
<h1>这是一级标题</h1>
<h6>这是六级标题，是最小的</h6>
<p>这就是一个段落标签</p>
<p>与上面的段落就是会有空行的效果</p>
啥也不不写直接写字也可以显示出来
编写的时候回车在网页中是现实不出回车的效果的
<br>在这里就是回车的效果，他是仅仅跟着上面的话的，没有空行的效果
<h3>水平线</h3>
<hr color="red">
<hr color="blue">
<hr color="aqua">
<!-- hr是一个水平线的标签 -->
<h3>字体</h3>
<b>这是粗体字</b>
<br>
<i>这是斜体字</i>
<br>
<ins>这是插入子，就是加下划线</ins>
<br>
<del>这是删除字，就是在字中间画横线</del>
<h3>这是表格的各种内容</h3>
<table border="1px" width="50%" height="100px">
<!-- boder参数用来设置边框大小 width宽度（可以使用百分比） height是高度 -->
<!-- <table>-表格 <tr>行 <td>单元格 <th>具中且加粗-->
<tr>
<th colspan="3">课程表</th>
<!-- colspan是合并列 -->
<tr>
<tr>
<!-- rowspan是合并行 -->
<th rowspan="2">周一</th>
<th>数学</th>
<th>语文</th>
</tr>
<tr>
<th>英语</th>
<th>物理</th>
</tr>
</table>
<h3>pre 是一个保留格式的标签，就是原本格式是什么样子的，它就怎么给你输出</h3>
<pre><b><i><ins><del>
距离边缘俩个tab
距离边缘一个tab
这个空格是以记事本的边为标准的
这里就可以配合字体使用了，可以结合多种样式,我直接结合上面的四种样式
</pre></i></b></ins></del>
<div>
<span>123456</span>
<span>456789</span>
</div>
<!-- div时块级元素，不同的div之间时会分行隔开的。span是行内元素，不同的span在同一个div内会以空格的形式隔开-->
<div>
123456
</div>
<br>
<a href="https://www.baidu.com">百度</a>
<!-- 不管是网络路径还是本地路径都可以进行超链接 -->
<img src="Baidu.png" title="点击一下,进入百度">
</body>
</html>div和span的效果
![[期末网页作业]-精仿华为官网10个网页（html+css+js）](https://img-blog.csdnimg.cn/ec54a795084a48d0b583f4d236a371ac.png)
