(1)HTML和CSS
html
(1)标题标签
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
(2)段落标签
<p>记者从工信部了解到,近年来我国算力产业规模快速增长,年增长率近30%,算力规模排名全球第二。</p>
<p>工信部统计显示,截至去年底,我国算力总规模达到180百亿亿次浮点运算/秒,存力总规模超过1000EB(1万亿GB)。</p>
PS:换行标签是<br>
(3)列表标签
(1)有序列表:每一项前面都有表示顺序的数字
<ol>
<li>JAVA</li>
<li>前端</li>
<li>大数据</li>
</ol>
(2)无序列表:每一项前面不带表示顺序的数字
<ul>
<li>JAVASE</li>
<li>JAVAEE</li>
<li>数据库</li>
</ul>
PS:列表标签之间是可以嵌套的
(4)超链接标签
<a href="01html的基本结构.html" target="_blank">相对路径本地资源连接</a> <br>
<a href="/day01-html/01html的基本结构.html" target="_self">绝对路径本地资源连接</a> <br>
<a href="http://www.atguigu.com" target="_blank">外部资源链接</a> <br>
(5)多媒体标签
<img src="img/logo.png" title="尚硅谷" alt="尚硅谷logo" />
<audio src="img/music.mp3" autoplay="autoplay" controls="controls" loop="loop" />
<video src="img/movie.mp4" autoplay="autoplay" controls="controls" loop="loop"width="400px" />
PS:img用于引入图片,audio用于引入音频,video用于引入视频
(4)表格标签:
<table>用于表示整个表格 <thead>用于表示表头 <th>是特殊的td,里面内容是居中的
<tr>用于表示表格的一行 <td>用于表示行内的一个格子
<table border="1px" style="width: 400px; margin: 0px auto;">
<tr> <th>排名</th> <th>姓名</th> <th>分数</th> </tr>
<tr> <td>1</td> <td>张小明</td> <td>100</td> </tr>
<tr> <td>2</td> <td>李小东</td> <td>99</td> </tr>
<tr> <td>3</td> <td>王小虎</td> <td>98</td> </tr>
</table>
(5)表单标签(一个表单标签里面有多个表单项标签<input>(输入的东西例如文本框),<select>(下拉框)<button>(按钮),)
html
(6)常见的表单项标签
html
(7)布局相关标签

html
<div style="width: 500px; height: 400px;background-color: cadetblue;">
<div style="width: 400px; height: 100px;background-color: beige;margin: 10px auto;">
<span style="color: blueviolet;">页面开头部分</span>
</div>
<div style="width: 400px; height: 100px;background-color: blanchedalmond;margin: 10px auto;">
<span style="color: blueviolet;">页面中间部分</span>
</div>
<div style="width: 400px; height: 100px;background-color: burlywood;margin: 10px auto;">
<span style="color: blueviolet;">页面结尾部分</span>
</div>
a</div>