java从弃坑到web

最新推荐文章于 2024-04-16 22:49:44 发布

MlSAKA

最新推荐文章于 2024-04-16 22:49:44 发布

阅读量270

点赞数

分类专栏： web相关文章标签： html web 数据

本文链接：https://blog.csdn.net/weixin_38132536/article/details/73195998

版权

web相关专栏收录该内容

10 篇文章 0 订阅

订阅专栏

HTML入门：

1.引入：软件结构分类：C-S结构（Client-Server客户端-服务器端）特点：必须安装客户端程序，服务器软件升级时，

客户端软件需要同步升级。

B-S结构（Broswer-Server浏览器-服务器端）特点：不需要特定的客户端，服务器端升级，客

户不需要额外操作

2.网站与html：基于B-S结构的服务器端软件叫做网站，网站由网页组成，网页由html语言编写。

hyperText Markup Language，学习改语言，掌握一些基本操作即可

3.基本标签介绍：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--没有标签体标签，也叫空标签，标签中的关键词与捡索引擎有关-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>东方project，fuckZun</title><!-- 在浏览器标题栏看到的 -->
</head>
<body>
<h5 align="center">日练一符，终成一触</h5>
<h4 align="center">日练一符，终成一触</h4>
<h3 align="center">日练一符，终成一触</h3><!--标题-->

<!--水平线-->
<hr  color="#FF0000"/>

<!--换行-->
<br />

<!--标签规定粗体文本-->
<b>不擦弹你能变强吗？？？</b>
<!--将文本斜体显示-->
<i>不擦弹你就是咸鱼!!!</i>
<!--将文本以下划线形式展示-->
<u>多一份擦弹，多一份梦想</u>
<!--段落-->
<p>咸鱼咸鱼咸鱼咸鱼咸鱼咸鱼咸鱼niconiconi,咸鱼咸鱼咸niconiconi,咸鱼咸鱼咸niconiconi,咸鱼咸鱼咸niconiconi,咸鱼咸鱼咸niconiconi,咸鱼咸鱼咸niconiconi,咸鱼咸鱼咸niconiconi,咸鱼咸鱼咸niconiconi,咸鱼咸鱼咸niconiconi,咸鱼咸鱼咸niconiconi,咸鱼咸鱼咸niconiconi,咸鱼咸鱼咸niconiconi,咸鱼咸鱼咸niconiconi,咸鱼咸鱼咸niconiconi,咸鱼咸鱼咸niconiconi,咸鱼咸鱼咸niconiconi,咸鱼咸鱼咸niconiconi,咸鱼咸鱼咸niconiconi,咸鱼咸鱼咸niconiconi,咸鱼咸鱼咸niconiconi,咸鱼咸鱼咸niconiconi,咸鱼咸鱼咸niconiconi,咸鱼咸鱼咸niconiconi,咸鱼咸鱼咸niconiconi,咸鱼咸鱼咸niconiconi,咸鱼咸鱼咸niconiconi,咸鱼咸鱼咸niconiconi,咸鱼咸鱼咸niconiconi,咸鱼咸鱼咸niconiconi,咸鱼咸鱼咸niconiconi,咸鱼咸鱼咸niconiconi,咸鱼咸鱼咸niconiconi,咸鱼咸鱼咸niconiconi,咸鱼咸鱼咸niconiconi,咸鱼咸鱼咸niconiconi,咸鱼咸鱼咸niconiconi,咸鱼咸鱼咸niconiconi,咸鱼咸鱼咸niconiconi,咸鱼咸鱼咸</p>
<!--段落缩进-->
<blockquote>缩什么，就是猴</blockquote>
<br />
<!--上标-->
y=x<sup>2</sup>
<!--下标-->
CaCO<sub>3</sub>
<!--原样输出-->
<pre></pre>
<!--属性值：怎么滚-->
<marquee behavior="scroll" bgcolor="#CC0033" direction="right">骨碌骨碌骨碌骨碌</marquee>
<!--背景音乐-->
<bgsound src="G:\CloudMusic\amazarashi - 風に流離い.mp3" loop="-1"/>
</body>
</html>

列表标签：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>列表标签</title>
</head>

<body>
<!--有序列表-->
<ol type="A">game
<li>Devil may cry</li>
<li>beyonetta</li>
<li>Assassin's Creed</li></ol>

<!--无序列表-->
<ul type="circle">axer
<li>中国</li>
<li>美国</li>
<li>英国</li></ul>
<!--项目列表标签，一般用于又层次结构-->
<dl>总项目
<dt>工程项目
<dd>程序猿1</dd>
<dd>程序猿2</dd>
<dd>程序猿3</dd>
</dt>

<dt>财务项目
</dt>
<dd>会计1</dd>
<dd>会计2</dd>
<dd>会计3</dd>
</dl>

<!--下拉选项-->
<select>爱好
<option>男</option>
<option>女</option>
<option>扶她</option>
</select><hr />

<!--快标签-->
<div>快标签</div>
</body>
</html>

超链接标签：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>外链标签</title>
</head>

<body>
<!--表示连接到的文件地址-->
<a name="秘密">超链接</a>
<a target="_blank" href="http://www.baidu.com">新连接打开</a>

</body>
</html>

常见协议：file:// 本地文件协议，herf终默认。

http:// 通常链接到域名或ip地址

thunder:// 迅雷下载软件的协议

mailto 发送邮件协议

<!--打锚点：-->
<a name="顶部">这里是顶部</a>
<a href="3.html#顶部">to top</a>
<!--连接到图片-->
<a href="file://C:\Users\lenovo\Desktop\2b\60661648_p0.jpg">2b小姐姐</a>

图像标签：

<!--图片标签 源文件，宽度，高度，提示文本-->
<img  src="file://C:\Users\lenovo\Desktop\2b\60661648_p0.jpg" width="600" height="800"  title="2b"/>

转义字符：在语言中，有一些字符不能正常输出，就需要通过转义将其输出。

< &lt (letter than).

> &gt (greater than).

& &amt.

空格 &nbsp

版权 &copy

商标 &reg

表格标签：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>表格演示</title>
</head>

<body>
<!--表格标签table-->
<table border="2"><caption align="center">东方project合集</caption>
<tr>
<td align="center" width="120" height="20"> 开始下列游戏</td>
<td align="center" width="120" height="20">一面</td>
<td align="center" width="120" height="20">二面</td>
<td align="center" width="120" height="20">三面</td>
<td align="center" width="120" height="20">四面</td>
<td align="center" width="120" height="20">五面</td>
<td align="center" width="120" height="20">六面</td>
</tr>
<tr>
<td align="center" width="120" height="20">东方红魔乡</td>
<td align="center" width="120" height="20">露米娅</td>
<td align="center" width="120" height="20">⑨</td>
<td align="center" width="120" height="20">红美铃</td>
<td align="center" width="120" height="20">姆Q</td>
<td align="center" width="120" height="20">The World!!</td>
<td align="center" width="120" height="20">蕾米莉亚</td>
</tr>
<tr>
<td align="center" width="120" height="20"> 东方妖妖梦</td>
<td align="center" width="120" height="20">雷蒂</td>
<td align="center" width="120" height="20">橙</td>
<td align="center" width="120" height="20">爱丽丝</td>
<td align="center" width="120" height="20">金坷垃三人组</td>
<td align="center" width="120" height="20">妖梦</td>
<td align="center" width="120" height="20">幽幽子</td>
</tr>
<tr>
<td align="center" width="120" height="20">东方风神录</td>
<td align="center" width="120" height="20">秋姐妹</td>
<td align="center" width="120" height="20">转转</td>
<td align="center" width="120" height="20">河童</td>
<td align="center" width="120" height="20">文文</td>
<td align="center" width="120" height="20">早苗</td>
<td align="center" width="120" height="20">神妈，麻将山不全避有脸？</td>
</tr>
<tr>
<td align="center" width="120" height="20">东方永夜抄</td>
<td align="center" width="120" height="20">萤火虫</td>
<td align="center" width="120" height="20">小脆骨</td>
<td align="center" width="120" height="20">慧音</td>
<td align="center" width="120" height="20">魔灵二人组</td>
<td align="center" width="120" height="20">兔子</td>
<td align="center" width="120" height="20">辉夜永琳</td>
</tr>
<tr>
<td align="center" width="120" height="20">东方神灵庙</td>
<td align="center" width="120" height="20">幽幽子</td>
<td align="center" width="120" height="20">看门狗</td>
<td align="center" width="120" height="20">芳香</td>
<td align="center" width="120" height="20">霍青娥</td>
<td align="center" width="120" height="20" colspan="2">布嘟嘟，二婶子是送的</td>
</tr>
<tr>
<td align="center" width="120" height="20">东方辉针城</td>
<td align="center" width="120" height="20">人鱼</td>
<td align="center" width="120" height="20">无头学姐</td>
<td align="center" width="120" height="20">影狼</td>
<td align="center" width="120" height="20">八桥弁弁</td>
<td align="center" width="120" height="20">邪正人鬼</td>
<td align="center" width="120" height="20">小碗</td>
</tr>
<tr>
<td align="center" width="120" height="20">东方地灵殿</td>
<td align="center" width="120" height="20">小桶</td>
<td align="center" width="120" height="20">桥姬</td>
<td align="center" width="120" height="20">永仪</td>
<td align="center" width="120" height="20">古明地觉</td>
<td align="center" width="120" height="20">猫麟</td>
<td align="center" width="120" height="20">前方核能</td>
</tr>
<tr>
<td align="center" width="120" height="20">东方星莲船</td>
<td align="center" width="120" height="20">老鼠</td>
<td align="center" width="120" height="20">小伞</td>
<td align="center" width="120" height="20">激光眼</td>
<td align="center" width="120" height="20">船长</td>
<td align="center" width="120" height="20">威严老虎</td>
<td align="center" width="120" height="20">莲妈</td>
</tr>
<tr>
<td align="center" width="120" height="20">东方绀珠传</td>
<td align="center" width="120" height="20" colspan="6">垃圾游戏！！毁我青春！！！</td>
</table>
</body>
</html>

表单标签：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>表单</title>
</head>

<body>
<!--表单输入-->
<form>
<!--单行输入域-->
<input type="text" />用户名
<!--密码输入域-->
<input type="password" />密码<br />
<!--单选按钮-->
<input type="radio" />A<input type="radio" />B<input type="radio" />C<br />
<!--多选区域-->
<input type="checkbox" />java<input type="checkbox" />php<input type="checkbox" />c++<br />
<!--下拉选项-->
地区
<select name="地区">
<option>火星</option><option>水星</option><option>月球</option>
</select><br />
<!--隐藏域,不显示在网页上，可以携带数据-->
<input name="asd" type="hidden" id="asd" value="13254313134354" /><br />
<!--文件选择器-->
请上传文件
<input type="file" /><br />
<!--多行输入域-->
<textarea></textarea>
<!--提交按钮 普通按钮 重置按钮-->
<input type="submit" /><input type="button" /><input type="reset" />

</form>
</body>
</html>

MlSAKA

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
java从弃坑到web

HTML入门：1.引入：软件结构分类：C-S结构（Client-Server客户端-服务器端）特点：必须安装客户端程序，服务器软件升级时，客户端软件需要同步升级。 B-S结构（Broswer-Server浏览器-服务器端）特点：不需要
复制链接

扫一扫