JavaWeb第一天/12.30

最新推荐文章于 2022-05-27 23:45:41 发布
最新推荐文章于 2022-05-27 23:45:41 发布
阅读量233 收藏
点赞数
分类专栏： JavaWeb 文章标签： HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/java_java_class/article/details/78983560
版权

一、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 down
       scorllamount：滚动速度，默认6，值越大滚动速度越快
-->
<marquee behavior="slide" direction="right" scrollamount="6">2018年的第一场雪</marquee>
<br/>
<!--上下标的标签（sup上标签，sub下标签）-->
y等于x的平方： y=x<sup>2</sup>  &nbsp; 水的化学方程式：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和li
    ul属性：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> &nbsp;&nbsp;作者：<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>
&lt;h1&gt;你好世界&lt;/h1&gt;<br/>
生活不止眼前的苟且&nbsp;&nbsp;&nbsp;还有诗和远方<br/>
康师傅<sup>&reg;</sup>版权所有<sub>&copy;</sub><br/>
<h2>hello world
</body>
</html>

七、表格标签

<!--
  表格标签：table
  表头：th：加粗并自动居中
  行标签：tr
  单元格：td
  表格的标题：caption
  table常用属性：
     1）边框：border  设置为1px
     2）在浏览器中显示方式：align 常用值：left center right
     3）表格宽度：width
     4）表格高度：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>
春夏秋不冬
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javaweb第二天笔记.pdf
11-27
javaweb第二天笔记.pdf
JavaWeb开发第一天
03-24
在“JavaWeb开发第一天”这个主题中，我们主要探讨的是JavaWeb开发的基础概念和技术栈，这对于初学者或者希望深入理解Web应用开发的开发者至关重要。JavaWeb是Java技术在Web领域中的应用，它允许开发者创建动态、...
关于javaWeb中斜杠“/“代表的含义
pp_world的博客
02-13 4340
看了看CSDN上大多都是复制了同一种说法，即分两种 1.浏览器解析"/"为到端口号，例如http://localhost:8080 2.服务器解析"/"为端口号后面加上工程名称 例如我的工程是Springmvc01，那么浏览器解析就是http://localhost:8080/Springmvc01（这也跟Tomcat的工件配置有关系，此处默认） 这里想说明的就是浏览器和服务器访问后默认访问的路径是哪里，如果浏览器解析后面加上工程名称，访问的是webapp下的资源页面。即如果浏览...
【JavaWeb学习第一天】表格
weixin_44914079的博客
05-27 1586
【JavaWeb学习第一天】表格==table==
对于JavaWeb项目和B/S架构的整体理解
Bob
11-20 2505
对于JavaWeb项目的整体理解 对于B/S架构原生组件的理解
JavaWeb（使用get/setAttribute来获取表单参数）
weixin_44298385的博客
04-01 2115
在JavaWeb当中获取表单参数是很重要的一个步骤，下面我通过使用get/setAttribute来获取表单参数来分析getAttribute和getParameter之间的区别以及加强对javaweb的学习
创建第一个JavaWeb项目
weixin_42672802的博客
01-08 2998
我以2018版的intellij idea为例 1.第一步 点击左上角的File-->New-->Project 2.第二步 1.找到Java Enterprise之后，在Application Sever中找到自己的Tomcat，同时勾选中Web Application 2.第一项是你的工程名字，随便取啦，第二个是你的工程路径，选择好之后点击finish 3.创建classes和lib文件夹，名字不可改 像这样 3.第三步 1.在File中找到Proje.
paimai.rar_Javaweb系统_javaWeb/mysql_javaweb_javaweb mysql
09-19
【标题】"paimai.rar_Javaweb系统_javaWeb/mysql_javaweb_javaweb_mysql" 提供了一个基于JavaWeb技术构建的拍卖系统，该系统采用了MySQL作为其数据库管理系统。这个项目不仅展示了JavaWeb开发的核心技术，还强调了...
JavaWeb视频教程 传智播客 第一天 共28天
03-13
【JavaWeb视频教程 传智播客 第一天 共28天】是一个全面的JavaWeb学习资源，由知名教育机构传智播客提供。这个系列教程涵盖了28天的学习计划，旨在帮助初学者和有一定基础的开发者深入理解JavaWeb开发技术。在第一天...
JavaWeb仿小米在线商城ShoppingMall
06-30
JavaWeb在线商城开发知识总结(java+jsp+servlet+MySQL+jdbc+css+js+jQuery) 可以实现浏览商品，查看商品详情，添加购物车，计算价格等功能 项目文章：...
高端商务活动策划商业计划书PPT模板
07-12
【作品名称】：高端商务活动策划商业计划书PPT模板 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
工作述职报告PPT模板
07-12
【作品名称】：工作述职报告PPT模板 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
工作报告季度计划工作总结PPT模板
07-12
【作品名称】：工作报告季度计划工作总结PPT模板 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
数字乡村初步设计解决方案Word(306页).docx
最新发布
07-12
数字乡村建设解决方案旨在通过数字化转型促进乡村振兴和农业农村现代化。该方案强调了数字乡村建设的战略机遇，以"1+3+5"工程为总体框架，即一个大数据中心、三大服务平台和五类主题应用。方案着重于乡村治理、产业发展和公共服务三大问题，通过完善治理体系、升级治理能力、强化产业链条和改善资源配置来推动乡村全面振兴。 方案中提出的数字乡村大数据中心是信息资源的集散地，依托大数据、AI、物联网等新技术，实现数据驱动的决策支持。三大服务平台包括产业服务、民生服务和治理服务，旨在提升农业生产智能化、经营网络化，同时优化乡村治理结构和提升服务效能。五类主题应用覆盖生产管理、流通营销、行业监管、公共服务和乡村治理，通过具体业务应用体系，实现农业全产业链的数字化管理和服务。 预期建设效益包括通过信息技术促进乡村优势产业发展，形成城郊融合型数字乡村治理新模式，以及创新服务方式，提升服务能力，保障农民权益。整体而言，该方案以数字化为手段，推动乡村经济、治理、文化等多方面的全面升级和发展。
html css js网页设计.txt
07-12
html css js网页设计
2024年电脑配色系统行业分析报告.pptx
07-12
行业报告
黑龙江科技大学考研11个学院，67个专业课历年考试真题及答案汇总，备考资料题库笔记，录用名单汇总.pdf
07-12
全国905所考研院校5万个专业课，初试复试历年真题及答案、备考资料题库笔记、专业课视频讲解、调剂信息查询等领取
工作总结工作计划竞聘报告述职报告PPT模板 (2)
07-12
【作品名称】：工作总结工作计划竞聘报告述职报告PPT模板 (2) 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
海军航空大学考研，70个专业课历年考试真题及答案汇总，备考资料题库笔记，录用名单汇总.pdf
07-12
全国905所考研院校5万个专业课，初试复试历年真题及答案、备考资料题库笔记、专业课视频讲解、调剂信息查询等领取
javaweb项目和b/s架构冲突吗
06-05
JavaWeb 项目和 B/S（Browser/Server）架构并不冲突，实际上 JavaWeb 项目本身就是一种 B/S 架构的应用程序。B/S 架构是一种基于浏览器和服务器之间的交互模式，它将客户端和服务端分离，客户端通过浏览器向服务器...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值