Java Web --HTML(尚硅谷2022版Javaweb)

<html><head><title>这是我的第一个网页</title><meta charset="UTF-8"></head><body><!--HELLO WORLD!<br/>你好，HTML！<p>这里是一个段落</p><p>这里是第二个段落</p><img src="D:\sgg2021\0927_javaweb\1109\02.代码\imgs\girl.jpg" width="57" height="73" alt="这里是一张图片"/><h1>标题一</h1><h2>标题一</h2><h3>标题一</h3><h4>标题一</h4><h5>标题一</h5><h6>标题一</h6>-->武林高手排行榜:<ol type="i" start="3"><li>扫地僧</li><li>萧远山</li><li>慕容博</li><li>虚竹</li><li>阿紫</li></ol>武林大会人员名单：<ul type="circle"><li>乔峰</li><li>阿朱</li><li>马夫人</li><li>白世镜</li></ul>你是<b><i><u>喜欢</u></i></b>是<b>甜</b>月饼还是<i>咸</i><u>月饼</u>？<br/>水分子的化学式： H<sub>2</sub>O <br/>氧气的化学式： O<sup>2</sup><br/>5&lt;1010&gt;55&le;1010&ge;5注册商标 &reg;版权符号 &copy;<span>赵又廷</span>，夺妻之仇。<a href="http://www.baidu.com" target="_self">百度一下</a></body>
</html><!--
1)
html语言是解释型语言，不是编译型
浏览器是容错的2)
html页面中由一对标签组成：<html></html>
<html> 称之为 开始标签
</html>称之为 结束标签
3)
title 表示网页的标题
4)
可以在meta标签中设置编码方式
5)
<br/>表示换行 。br标签是一个单标签。单标签：开始标签和结束标签是同一个，斜杠放在单词后面
6)
p 表示段落标签
7)
img 标签图片标签src属性表示图片文件的路径width和height表示图片的大小alt表示图片的提示
8)
路径的问题：1. 相对路径2. 绝对路径
9)
h1~h6 : 标题标签
10)
列表标签:
- ol 有序列表start 表示从*开始，type 显示的类型：A a I i 1(deafult)
- ul 无序列表type disc(default) , circle , square
11) u 下划线 b 粗体  i 斜体12) 上标 sup   下标 sub13) HTML中的实体： 小于号 &lt; 大于等于号 &ge; 版权 &copy;14) span 不换行的块标记15) a 表示超链接href 链接的地址target:_self 在本窗口打开_blank 在一个新窗口打开_parent 在父窗口打开_top  在顶层窗口打开16) div 层
-->

<html><head><title>表格标签的学习</title><meta charset="UTF-8"></head><body><table border="1" width="600" cellspacing="0" cellpadding="4"><tr align="center"><th>姓名</th><th>门派</th><th>成名绝技</th><th>内功值</th></tr><tr align="center"><td>乔峰</td><td>丐帮</td><td>少林长拳</td><td>5000</td></tr><tr align="center"><td>虚竹</td><td>灵鹫宫</td><td>北冥神功</td><td>15000</td></tr><tr align="center"><td>扫地僧</td><td>少林寺</td><td>七十二绝技</td><td>未知</td></tr></table><hr/><table border="1" cellspacing="0" cellpadding="4" width="600"><tr><th>名称</th><th>单价</th><th>数量</th><th>小计</th><th>操作</th></tr><tr align="center"><td>苹果</td><td rowspan="2">5</td><td>20</td><td>100</td><td><img src="imgs/del.jpg" width="24" height="24"/></td></tr><tr align="center"><td>菠萝</td><td>15</td><td>45</td><td><img src="imgs/del.jpg" width="24" height="24"/></td></tr><tr align="center"><td>西瓜</td><td>6</td><td>6</td><td>36</td><td><img src="imgs/del.jpg" width="24" height="24"/></td></tr><tr align="center"><td>总计</td><td colspan="4">181</td></tr></table></body>
</html>
<!--
17) 表格  table行      tr列     td表头列   thtable中有如下属性（虽然已经淘汰，但是最好了解一下）- border：表格边框的粗细- width:表格的宽度- cellspacing：单元格间距- cellpadding：单元格填充tr中有一个属性： align -> center , left , right rowspan : 行合并colspan : 列合并-->

<html><head><title>表单标签的学习</title><meta charset="UTF-8"></head><body><form action="demo04.html" method="post">昵称：<input type="text" value="请输入你的昵称"/><br/>密码：<input type="password" name="pwd"/><br/>性别：<input type="radio" name="gender" value="male"/>男<input type="radio" name="gender" value="female" checked/>女<br/>爱好：<input type="checkbox" name="hobby" value="basketball"/>篮球<input type="checkbox" name="hobby" value="football" checked/>足球<input type="checkbox" name="hobby" value="earth" checked/>地球<br/>星座：<select name="star"><option value="1">白羊座</option><option value="2" selected>金牛座</option><option value="3">双子座</option><option value="4">天蝎座</option><option value="5">天秤座</option></select><br/>备注：<textarea name="remark" rows="4" cols="50"></textarea><br/><input type="submit" value=" 注 册 "/><input type="reset" value="重置"/><input type="button" value="这是一个普通按钮"/></form></body>
</html>
<!--
18) 表单  form19) input type="text" 表示文本框 ， 其中 name属性必须要指定，否则这个文本框的数据将来是不会发送给服务器的input type="password" 表示密码框input type="radio" 表示单选按钮。需要注意的是，name属性值保持一致，这样才会有互斥的效果;可以通过checked属性设置默认选中的项input type="checkbox" 表示复选框。name属性值建议保持一致，这样将来我们服务器端获取值的时候获取的是一个数组select 表示下拉列表。每一个选项是option，其中value属性是发送给服务器的值 , selected表示默认选中的项textarea 表示多行文本框（或者称之为文本域）,它的value值就是开始结束标签之间的内容input type="submit" 表示提交按钮input type="reset" 表示重置按钮input type="button" 表示普通按钮-->

<html><head><title>表单标签的学习</title><meta charset="UTF-8"></head><body><h1><font color='red'>注册成功</font></h1></body>
</html>
<!--
18) 表单  form19) input type="text" 表示文本框 ， 其中 name属性必须要指定，否则这个文本框的数据将来是不会发送给服务器的input type="password" 表示密码框    -->

<html><head></head><frameset rows="20%,*" > <!-- frameborder="no" --><frame src="frames/top.html"/><frameset cols="15%,*"><frame src="frames/left.html"/><frameset rows="80%,*"><frame src="frames/main.html"/><frame src="frames/bottom.html"/></frameset></frameset></frameset>
</html><!--
frameset 表示页面框架 ， 这个标签已经淘汰，了解，不需要掌握
frame表示框架中的具体页面引用iframe-->

<html><head><meta charset="utf-8"></head><body>这里是demo06页面的内容！！<iframe src="frames/top.html"/></body>
</html><!--
frameset 表示页面框架 ， 这个标签已经淘汰，了解，不需要掌握
frame表示框架中的具体页面引用iframe 在一个页面嵌入一个子页面总结：
1.HTML是解释型的文本标记语言，不区分大小写
2.html,head,title,meta,body,br,p,hr,div,table,form,u,i,b,sup,sub,&nbsp;,span,ul,ol,li,tr,td,th,h1-h6,a,input,select,textarea,img
2-1. html , head , title , meta , body , br , ul , ol , h1-h6 , a , img , &nbsp;, p , div , span
2-2. table tr , th , td
2-3. form(action='' , method='post') input type='text,pasword,radio,checkbox,submit,button,reset"   <select> , <textarea>-->

Java Web --HTML(尚硅谷2022版Javaweb)相关推荐

尚硅谷2022版Java课程体系，霸气来袭
摘要:技术为王,课比天大. 尚硅谷当家学科硬核升级, 全新Java课程体系重磅来袭! 见证好课,一睹为快: 01 额外加赠架构师课加量不加价,扶上马再送一程. 为进一步增强学员市场竞争力, 面授结束 ...
尚硅谷2022 javaweb网上书城
想培训和学习的多多关注尚硅谷尚硅谷官网尚硅谷2022 javaweb网上书城视频文档连接代码地址-请看book-dev分支环境准备安装jdk1.8 安装idea 下载tomcat 登陆设置 ...
2019尚硅谷大数据Javaweb篇三 Ajax、JSTL、会话技术、过滤器、监听器、xml、json
2019尚硅谷大数据 Javaweb篇三Ajax.JSTL.会话技术.过滤器.监听器 tags: 大数据 2019尚学堂 categories: Ajax异步请求 JSTL中的if和forEach 会 ...
Java异常面试题（2022版）
序列号内容链接 1 Java基础知识面试题(2022版) https://blog.csdn.net/qq_43061290/article/details/124023797 2 Java集合容 ...
注解(Annotation) 学习笔记（尚硅谷康师傅版）
注解(Annotation) 一.注解(Annotation)概述从JDK 5.0开始, Java 增加了对元数据(MetaData)的支持, 也就是Annotation(注解) Annot ...
java web聊天室论文_基于javaweb聊天室.doc
基于javaweb聊天室.doc 南嗦岌凌*4 文(设计) 本科生毕业论题目:基于Java网页版聊天室的设计与实现姓名:陈义旺学院:理学院专业:信息与计算科学班级:信科092 学号: 指导 ...
Java学习路线总结（2022版）
本文将分享Java的后端学习路线(最新版),整理了一些知识点和学习资源,希望能够对大家有所帮助. 第一部分:Java 基础知识及开发工具使用这个阶段就是编程入门,掌握 Java 这门编程语言的基本语 ...
java web 是什么_什么是javaweb开发
Java:简单来说,Java是一门语言,是一门和计算机交流的语言. Web:web(World Wide Web)即全球广域网,它是一种分布式图形信息系统.简单来说就是浏览器上的一个个网站. Jav ...
Java学习笔记 | 尚硅谷项目三详解
该笔记基于B站视频:尚硅谷Java入门视频教程目录 1,目标 2,需求说明 2.1,功能实现 2.1,菜单显示 2.2,添加功能 2.3,删除功能 2.3,查看团队成员 3,软件设计结构 4,具体实 ...

Java Web --HTML(尚硅谷2022版Javaweb)

Java Web --HTML(尚硅谷2022版Javaweb)相关推荐

最新文章

热门文章