JavaWeb的一些基础技术

(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>
相关推荐
誰能久伴不乏17 分钟前
Linux如何执行系统调用及高效执行系统调用:深入浅出的解析
java·服务器·前端
涔溪1 小时前
响应式前端设计:CSS 自适应布局与字体大小的最佳实践
前端·css
今禾1 小时前
前端开发中的Mock技术:深入理解vite-plugin-mock
前端·react.js·vite
你这个年龄怎么睡得着的1 小时前
Babel AST 魔法:Vite 插件如何让你的 try...catch 不再“裸奔”?
前端·javascript·vite
我想说一句2 小时前
掘金移动端React开发实践:从布局到样式优化的完整指南
前端·react.js·前端框架
jqq6662 小时前
Vue3脚手架实现(九、渲染typescript配置)
前端
码间舞2 小时前
Zustand 与 useSyncExternalStore:现代 React 状态管理的极简之道
前端·react.js
Dream耀2 小时前
提升React移动端开发效率:Vant组件库
前端·javascript·前端框架
冰菓Neko2 小时前
HTML 常用标签速查表
前端·html
gis收藏家2 小时前
从稀疏数据(CSV)创建非常大的 GeoTIFF(和 WMS)
前端