JavaWeb第一天/12.30
2024-05-15 21:49:36
一、HTML标签
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="java-php-python-c" />
<meta name="description" content="这是一个家做Java开发的软件公司" />
<title>head标签</title>
</head><body><marquee behavior="slide" direction="down" scrollamount="">你好 HTML</marquee>
</body>
</html>
二、文本标签
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>文本标签</title>
</head><body><!--标题标签：h1-h6--><h1>标题1</h1><h2>标题2</h2><h3>标题3</h3><h4>标题4</h4><h5>标题5</h5><h6>标题6</h6><!--水平线标签--><hr/><!--换行标签-->文本标签：<br/>超链接标签<br/><!--段落标签：闭合标签 p-->
<p>
第一次第一次第一次第一次第一次第一次第一次第一次第一次第一次第一次第一次第一次第一次第一次第一次第一次第一次第一次第一次第一次第一次第一次第一次第一次第一次第一次第一次第一次第一次第一次第一次第一次第一次第一次第一次
</p>
<p>
第二次第二次第二次第二次第二次第二次第二次第二次第二次第二次第二次第二次第二次第二次第二次第二次第二次第二次第二次第二次第二次第二次第二次第二次第二次第二次第二次第二次第二次第二次第二次第二次第二次第二次第二次第二次
</p>
<!--段落缩进标签：blockquote-->
<blockquote>
解释第二次：解释内容解释内容解释内容解释内容解释内容解释内容
</blockquote>
<!--滚动标签:marquee滚动属性：behavior：滚动方式：默认交替滚动direction：滚动方向：left right up downscorllamount：滚动速度，默认6，值越大滚动速度越快
-->
<marquee behavior="slide" direction="right" scrollamount="6">2018年的第一场雪</marquee>
<br/>
<!--上下标的标签（sup上标签，sub下标签）-->
y等于x的平方： y=x<sup>2</sup> 水的化学方程式：h<sub>2</sub>o
<a name="标记"></a>
<pre>凉州词 作者
葡萄美酒夜光杯,欲饮琵琶马上催.
醉卧沙场君莫笑,我是流氓我怕谁.
</pre>
<br/>
<!--有序列表： ol li：列表选项ol默认的属性：type：默认类型:数字从1开始
-->
NBA全明星：<ol type="1"><li>欧文</li><li>詹姆斯</li><li>韦德</li></ol>
<hr/>
<!--无序列表ul和liul属性：type：默认实心圆点
-->
学生管理系统：
<ul type="square"><li>选课管理</li><li>学生管理</li><li>教学管理</li>
</ul>
<!--块标签和行内标签-->
<div>div</div>
<span>这是一个行内标签</span>
<!--架构标签：公司人员分配：dl dt dd-->
XX公司整体架构：
<dl><dt>技术经理</dt><dd>工程师1号</dd><dd>工程师2号</dd><dd>工程师3号</dd><dt>财务经理</dt><dd>出纳1号</dd><dd>出纳2号</dd><dd>出纳3号</dd>
</dl>
<br/>
<!--居中标签-->
<center>我在中间啦</center>
<!--斜体标签-->
<em>你好，我是斜体啊</em>
<br/>
<!--粗体标签-->
<strong>粗体字体</strong>
<br/>
<center>
<font color="#0033FF" size="+6" face="Tahoma, Geneva, sans-serif">个性字体</font>
</center>
</body>
</html>
三、练习
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>练习</title>
</head><body><h1>清平乐·年年雪里</h1>朝代：<em>宋代</em> 作者：<strong>李清照</strong><hr/>原文：<pre>
年年雪里,常插梅花醉,挼尽梅花无好意,
赢得满衣清泪!
今年海角天涯,萧萧两鬓生华.
看取晚来风势,故应难看梅花.</pre>
</body>
</html>
四、超链接标签
超链接标签：<a></a>属性：href:连接到的资源文件（包含图片文件），也可以连接URL（统一资源定位符号）URI：表示互联网协议 URL：(http://)target:打开资源文件的方式_blank:新建一个窗口打开_self:在当前窗口打开超链接作用：1）可以连接到资源文件或者资源地址2）可以作为锚链接使用使用锚链接：在同一页面跳转：name属性：锚链接名称———打了一个跳转标记a：创建了一个跳转标记<a name="name"></a>b:跳转到标记<a href="#name属性值">开始跳转</a>在不同页面跳转：a:创建跳转标记<a name="name"></a>b:创建跳转链接<a bhref="xxx.html#跳转标记的name属性值"></a>常见协议：file:// 链接到文件的话,如果前面没有写协议,默认就是file://就会在当前本地中找是否有这个文件,有就直接显示http:// http协议的执行流程,要求访问这个链接地址,首先要在c盘下有文件hosts中找是否有该域名对应的ip,如果有,本地打开,如果没有,就需要进行联网操作,来进行访问 thunder:// 迅雷软件的协议mailto: 邮件协议<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<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="top"></a>
<a href="文本标签.html#标记" target="_blank">超链接</a><br/>
<a href="../../JavaWeb资料/JavaSE_day26/html/code/1.jpg" target="_blank">图片文件</a><br/>
<a href="http://www.baidu.com" target="_self">百度链接</a><br/>
<a href="thunder://www.moive.com/fuchouzhelianmeng.avi">高速通道《复仇者联盟》</a><br/>
<a href="http://www.moive.com/fuchouzhelianmeng.avi">普通通道《复仇者联盟》</a><br/>
<a href="mailto:eric@westos.com">发邮件</a><br/>
<a href="#abc">跳转到第一次跳转</a>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<!--跳转标记-->
<a name="abc"></a>
第一次跳转第一次跳转第一次跳转第一次跳转第一次跳转第一次跳转第一次跳转第一次跳转第一次跳转第一次跳转第一次跳转第一次跳转第一次跳转第一次跳转第一次跳转第一次跳转第一次跳转第一次跳转第一次跳转第一次跳转第一次跳转第一次跳转第一次跳转
<br/>
<a href="#top">[返回顶部]</a>
</body>
</html>
五、图像标签
<!--图像标签：空标签<img/>常用属性：src:链接到图片资源文件title：鼠标悬浮在图片上时，会显示提示文字alt：当图片资源失效时，会有替代文本width：图片宽度height：图片高度
--><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>图像标签</title>
</head><body><img src="2.jpg" alt="这是一张美图" width="600px" height="600px" border="0" usemap="#Map" title="mm"/><!--热点区域标签：在图上画的矩形：矩形的对角点可以确定矩形圆可以由圆心和半径确定可以在图片矩形和圆的位置跳转链接--><map name="Map" id="Map"><area shape="rect" coords="189,225,292,281" href="超链接标签.html" target="_blank" /><area shape="circle" coords="252,419,46" href="hello.html" target="_blank" /></map></body>
</html>
六、转义字符
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>转义字符</title>
</head>
<!--<h1></h1>-->
<body>
<h1>你好世界</h1><br/>
生活不止眼前的苟且 还有诗和远方<br/>
康师傅<sup>®</sup>版权所有<sub>©</sub><br/>
<h2>hello world
</body>
</html>
七、表格标签
<!--表格标签：table表头：th：加粗并自动居中行标签：tr单元格：td表格的标题：captiontable常用属性：1）边框：border 设置为1px2）在浏览器中显示方式：align 常用值：left center right3）表格宽度：width4）表格高度：height行合并：rowspan列合并（列单元格合并）：colspan
--><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<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 border="1px" width="400px" height="300px"
align="center" bgcolor="#33CCFF"><caption>学生成绩表</caption><tr align="center"><th>姓名</th><th>班级</th><th>成绩</th></tr><tr align="center"><td rowspan="2">狗娃</td><td>软工1班</td><td>90</td></tr><tr align="center"><td>网络1班</td><td>94</td></tr><tr align="center"><td>狗蛋</td><td>软工1班</td><td>96</td></tr><tr align="center"><td>狗剩</td><td>软工2班</td><td>88</td></tr><tr align="center"><td colspan="2">平均分</td><td>92</td></tr>
</table>
</body>
</html>
JavaWeb第一天/12.30相关推荐
- 日报（2019.7.4 -- 12.30）
7.4 使用ftp工具(filezilla)和ssh工具(Xshell)项目部署 7.8 10.191.1.2忽略大小写的后端项目配置 7.9 下载电子书和杂志 7.10 下载短视频和宣传片,整理前端 ...
- DayDayUp：吴晓波—2018.12.30年终秀——《预见2019：国运70》演讲重点概览【文字+视频】
DayDayUp:吴晓波-2018.12.30年终秀--<预见2019:国运70>演讲重点概览[文字+视频] 目录 一.回顾2018 回看2017年终秀的8个预言 五大悬念 二.展望201 ...
- DayDayUp：2019.12.30吴晓波2020年终秀演讲《预见2020：来海边，拾起信心》读后有感
DayDayUp:2019.12.30吴晓波2020年终秀演讲<预见2020:来海边,拾起信心>读后有感 导读:2019年,过的好不好?有人豪情万丈,有人强颜欢笑. 互联网平台带来了方便快 ...
- JavaWeb --第一章Web基本概念
JavaWeb --第一章Web基本概念 文章目录 基本概念 前言 web开发: web应用程序 静态web 动态web web服务器 技术讲解 web服务器 基本概念 前言 web开发: web,网 ...
- [复试——大地测量学]第一章节——2022/12/30
PART 1 大地测量学的定义 是在一定的时间和空间的参考系中,测量和描绘地球形状及其重力场并监测其变化,为人类活动提供地球空间信息的一门学科. 大地测量学的作用 1.建立地面控制网 2.精确测定大地 ...
- 东软始业教育结业考试 2021.12.30
一.单选题 1企业文化的三个层次包括精神理念层,()和形象物质层.1分/1分 A.行为管理层 B.行为制度层 C.制度理念层 D.管理制度层 提交答案:B正确答案:B 展开解析 2中国最大的离岸软件外 ...
- 与10.110.12.30 mask 255.255.255.224属于同一网段的主机IP地址是？
IP和子网掩码转换为2进制分别为: 00001010.00001010.01100100.00011110 和 11111111.11111111.11111111.11100000 它们两个进行与 ...
- 走进JavaWeb技术世界12：从手动编译打包到项目构建工具Maven
小李的Build之路(上) 转自: 刘欣 码农翻身 2016-07-10 摘要:手工Build的烦恼要不是为了和女朋友留在一个城市,小李肯定去北上广奋斗去了.现在他只能留在这个2.5线城市,进入这家软 ...
- 12.30重大消息快递
2009-12-30 星期三 简称变更: 长丰汽车(600991) 变更后简称:广汽长丰,原证券简称为:长丰汽车 收益分配款发放日: 国泰金鼎价值精选(519021) 每10份派2元,权益登记日:20 ...
最新文章
- 使用特异性特征提取网络辅助分类任务
- 物理实验计算机仿真单摆实验,大学物理实验仿真实验实验报告.doc
- 卷积神经网络中的参数计算
- python给用户打标签_python用户评论标签匹配的解决方法
- 使用axios时遇到的Request Method: OPTIONS请求，会同时发送两次请求问题
- C库中没有itoa以及C++中string没有split方法的原因
- c++——CString，string，char*之间的转换
- Java调用Bing翻译
- 超全汇总！常见的芯片封装大全！
- 基于单片机的智能交通灯
- php标题伪原创,火车头伪原创插件PHP版，如何在标题前面插入关键词？(悬赏1元) - 搜外SEO问答...
- linux的4k播放器,【Linux1GB4K（3840*2160）电视播放器】Linux1GB4K（3840*2160）电视播放器报价及图片大全-列表版-ZOL中关村在线...
- 坐标求四面体体积_「体积公式」四面体体积公式 - seo实验室
- 《MINECRAFT我的世界 新手完全攻略（第3版）》一1.1 注册与下载
- PS基础及选框工具笔记（CS6）
- HTML画布与SVG（Canvas vs. SVG）
- 基于java的高校实验室排课系统
- 上海钢联朱军红：产业互联网的“双创”之路
- 1133 - 数组基础-统计频次
- anaconda 创建虚拟环境报错