当前位置：首页 > news >正文

JavaWeb的一些基础技术

news 来源：原创 2025/6/8 5:04:20

（1）HTML和CSS

(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>(按钮),)

在这里插入图片描述

（6）常见的表单项标签

在这里插入图片描述

（7）布局相关标签

在这里插入图片描述

<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>