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>
相关推荐
小小小小宇1 小时前
虚拟列表兼容老DOM操作
前端
悦悦子a啊1 小时前
Python之--基本知识
开发语言·前端·python
安全系统学习2 小时前
系统安全之大模型案例分析
前端·安全·web安全·网络安全·xss
涛哥码咖2 小时前
chrome安装AXURE插件后无效
前端·chrome·axure
OEC小胖胖2 小时前
告别 undefined is not a function:TypeScript 前端开发优势与实践指南
前端·javascript·typescript·web
行云&流水3 小时前
Vue3 Lifecycle Hooks
前端·javascript·vue.js
Sally璐璐3 小时前
零基础学HTML和CSS:网页设计入门
前端·css
老虎06273 小时前
JavaWeb(苍穹外卖)--学习笔记04(前端:HTML,CSS,JavaScript)
前端·javascript·css·笔记·学习·html
灿灿121383 小时前
CSS 文字浮雕效果:巧用 text-shadow 实现 3D 立体文字
前端·css
烛阴4 小时前
Babel 完全上手指南:从零开始解锁现代 JavaScript 开发的超能力!
前端·javascript