JavaWeb学习笔记（一）html
2024-06-03 09:38:46
下面是阿伟在假期里预习的JavaWeb内容
web概念概述
- JavaWeb：
使用 Java语言开发基于互联网的项目 - 软件架构：
- C/S： Client/Server 客户端/服务器端
- 在用户本地有一个客户端程序，在远程有一个服务器端程序
- 如：QQ，迅雷…
- 优点：用户体验好
- 缺点：开发、安装、部署、维护 麻烦
- B/S： Browser/Server 浏览器/服务器端
- 只需要一个浏览器，用户通过不同的网址（URL），可以访问不同的服务器端程序
- 优点：开发、安装、部署、维护 简单
- 缺点：如果应用过大，用户的体验可能会受到影响；对硬件要求过高
- C/S： Client/Server 客户端/服务器端
- B/S架构详解：
- 资源分类：
- 1.静态资源：
- 使用静态网页开发技术发布的资源。
- 特点：
- 所有用户访问，得到的结果是一样的
- 如：文本、图片、音频、视频、HTML、CSS、JavaScript
- 如果用户请求的是静态资源，那么服务器会直接将静态资源发送给浏览器。浏览器中内置了静态资源的解析引擎，可以展示静态资源
- HTML：用于搭建基础网页，展示页面的内容
- CSS：用于美化页面，布局页面
- JavaScript：控制页面的元素，让页面有一些动态的效果
- 2.动态资源：
- 使用动态网页即时发布的资源
- 特点：
- 所有用户访问，得到的结果可能不一样
- 如：jsp/servlet、php、asp…
- 如果用户请求的是动态资源，那么服务器会执行动态资源，转换为静态资源，再发送给浏览器
- 3.要学习动态资源，必须先学习静态资源！
- 1.静态资源：
- 资源分类：
HTML
- 概念：
- 最基础的网页开发语言
- Hyper Text Markup Language 超文本标记语言
- 超文本：
用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本 - 标记语言：
- 由标签构成的语言。
<标签名称> 如 html、xml - 标记语言不是编程语言
- 由标签构成的语言。
- 超文本：
- 快速入门：
- 语法：
- html文档后缀名为 .html 或 .htm（两者并无差别）
- 标签分为：
- 围堵标签：有开始标签和结束标签，如< html> < /html>
- 自闭和标签：开始标签和结束标签在一起。如< br/>
- 标签可以嵌套
需要正确嵌套，不能你中有我，我中有你
错误：< a>< b>< /a>< /b> - 在开始标签中可以定义属性，属性是由键值对构成，值需要用引号（单双都可）引起来
- html的标签不区分大小写，但是建议使用小写
- 语法：
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><font color="red">Hello World!</font>
</body>
</html>
- 标签：
- 文件标签：构成html最基本的标签
- html：html文档的根标签
- head：头标签，用于指定html文档的一些属性，引入外部的资源
- title：标题标签
- body：体标签
- < !DOCTYPE html>：html中定义该文档是html文档
- 文本标签：和文本有关的标签
- 注释：< !-- 注释内容–>
- < h1> to < h6>：标题标签
- h1-h6：字体大小逐渐递减
- < p>：段落标签
没加标签前：
加了标签后：
- < br>：换行标签
- < hr>：展示一条水平线
- 属性：
- color：颜色
- width：宽度
- size：高度
- align：对齐方式
- center：居中
- left：左对齐
- right：右对齐
- 属性：
- < b>：字体加粗
- < i>：字体斜体
- < font>：字体标签
- 属性：
- color：颜色
- size：大小
- face：字体
- 属性定义：
- color：
- 英文单词：red、green、blue…
- rgb(值1,值2,值3)：值的范围：0-255 如 rgb(0,0,255)
- #值1值2值3：值的范围：00-ff之间 如 #ff00ff（十六进制）
- width：
- 数值：width=‘20’，数值的单位默认是 px（像素）
- 数值%：占比相对于父元素的比例
- color：
- 属性：
- 源代码及页面效果：
- 文件标签：构成html最基本的标签
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>文本标签</title>
</head>
<body><!-- 注释 --><!-- br 换行标签 -->白日依山尽，<br/>黄河入海流。<br><!-- 标题标签 h1-h6 -->史迪仔仔仔<br><h1>史迪仔仔仔</h1><h2>史迪仔仔仔</h2><h3>史迪仔仔仔</h3><h4>史迪仔仔仔</h4><h5>史迪仔仔仔</h5><h6>史迪仔仔仔</h6><!-- 段落标签 p --><p>1.《平凡的世界》以传统的价值观念及现实主义的创造手法为主，注重故事的连贯性，注重完整人物形象的塑造，同时又不放过情节上的浪漫主义因素，是一部通俗易懂的小说。路遥是抱着巴尔扎克式的“时代的书记官”的态度来写作的，这一点尤其体现在对于以田福生为代表的领导层的描写上，客观、准确、真实，由细节捕捉到了当时时代的脉搏和人们观念转变的艰难程度。正如路遥所说：“作家最大的才智应是能够在日常细碎的生活中演绎出让人心灵震颤的巨大内容。”因而，单是惊心动魄的情节还不够，还要有对于生活的深刻体察和洞察，然后用现实主义的笔法将这种体会整合到情节中去。这样，小说就兼具了恢弘的构架和饱满韵细节。</p><p>2.秉笔直书的现实主义笔法和路遥“为人民”的创作哲学相结合，形成了小说雄浑壮丽的美学格局。《平凡的世界》仿佛一部恢弘的史诗，凝聚着雄浑的社会交响、宽阔的人性胸怀、绚丽的人生色彩和丰厚坚实的苦难底蕴，老辈人厚重而沉实的人生苦难，年轻人浪漫瑰丽的人生想象和朝气蓬勃的行动能力，以及从生活中得来的人生思考都构成了这种美学格局的一部分，成就了这样一个犹如黄土高原般起伏变化、又如大河般壮阔雄浑的文本。</p><p>3.同时，路遥非常注重人物性格的典型化。且不说孙少平等主要人物，就连次要人物也非常典型。比如农村“革命家”孙玉亭，就是特殊年代的特殊产物，还有支书田福堂，他的自命不凡和谨小慎微，是农村干部的典型。还有区委书记苗凯、秘书张生民等等。这些人物都带着他们身份的标签，一举一动都让人一眼看出他们的职业特点和由职业特点所形成的行为方式特征，从而探索各式人物的性格心理和文化心态，传导时代的律动。</p><!-- 显示一条水平线 hr --><hr color="red" width="200" size="10" align="left"/><hr><font color="red" size="5" face="楷体">史迪仔仔仔</font><br><font color="#0000ff" size="5" face="楷体">史迪仔仔仔</font><br><hr color="red" width="50%" size="10" align="left"/><center><font color="red" size="5" face="楷体">史迪仔仔仔</font></center>
</body>
</html>
案例：
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head><meta charset="UTF-8"><title>公司简介</title>
</head>
<body><h1>公司简介</h1><hr color="#a52a2a"><p><font color="red" >深圳市腾讯计算机系统有限公司</font>成立于1998年11月 [1] ，由<b><i>马化腾、张志东、许晨晔、陈一丹、曾李青</i></b>五位创始人共同创立。 [1] 是中国最大的互联网综合服务提供商之一，也是中国服务用户最多的互联网企业之一。 [2]</p><p>腾讯多元化的服务包括：社交和通信服务QQ及微信/WeChat、社交网络平台QQ空间、腾讯游戏旗下QQ游戏平台、门户网站腾讯网、腾讯新闻客户端和网络视频服务腾讯视频等。 [3]</p><p>2004年腾讯公司在香港联交所主板公开上市（股票代号00700），董事会主席兼首席执行官是马化腾。</p><p>2018年6月20日，世界品牌实验室（World Brand Lab）在北京发布了2018年《中国500最具价值品牌》分析报告。腾讯居第二位。2018年12月，世界品牌实验室编制的《2018世界品牌500强》揭晓，排名第39。 [4] 2019年7月，发布2019《财富》世界500强：位列237位。 [5] 2019年8月，入选2019年中国最佳董事会50强。 [6] 2019年9月1日，2019中国服务业企业500强榜单在济南发布，腾讯控股有限公司排名第32位。 [7] 2019年10月，2019福布斯全球数字经济100强榜位列14位。 [8] 2019年10月23日， 2019《财富》未来50强榜单公布，腾讯控股有限公司排名第12。 [9] “一带一路”中国企业100强榜单排名第14位。 [10] 11月16日，胡润研究院发布《2019胡润全球独角兽活跃投资机构百强榜》，腾讯排名第2位。 [11] 2019年12月，腾讯入选2019中国品牌强国盛典榜样100品牌。 [12] 2019年12月18日，人民日报发布中国品牌发展指数100榜单，腾讯排名第4位。</p><hr color="#a52a2a"><font color="gray" size="2"><center>江苏传智播客教育科技股份有限公司<br>版权所有Copyright 2006-2018©，All Rights Reserved 苏ICP备16007882</center></font>
</body>
</html>
JavaWeb学习笔记（一）html相关推荐
- JavaWeb学习笔记（十）--HttpServletRequest
1. HttpServletRequest简介 HttpServletRequest对象代表客户端的请求,当客户端通过HTTP协议访问服务器时,HTTP请求头中的所有信息都封装在这个对象中 2. Ht ...
- JavaWeb学习笔记-目录（待完成）
JavaWeb学习笔记-目录(待完成) 01-基础加强(注解+反射) 02-mysql基础 03-mysql约束 04-mysql多表事务 05-jdbc 06-jdbc连接池JDBCTemplate ...
- JavaWeb学习笔记2 —— Web服务器简介
JavaWeb学习笔记2 -- Web服务器简介 参考教程B站狂神https://www.bilibili.com/video/BV12J411M7Sj 相关技术 ASP: 微软:国内最早流行的就是A ...
- B站狂神说JavaWeb学习笔记
JavaWeb学习笔记(根据b站狂神说java编写) 1.基本概念 1.1 前言 静态Web: 提供给所有人看数据不会发生变化! HTML,CSS 动态Web: 有数据交互,登录账号密码,网站访问人数 ...
- JavaWeb学习笔记（5）-B站尚硅谷
文章目录 十四.书城项目第三阶段--优化 (1)页面jsp动态化 (2)抽取页面中相同的内容 A.登录成功的菜单 B.base.css.jQuery标签 C.每个页面的页脚 D.manager模块的菜 ...
- javaweb学习笔记2(jquery的使用，以及常用的方法，选择器，过滤器)
javaweb学习笔记2 javascript正则表达式 regfxp对象 方式1: var putt=new RegExp("e");//表示要求字符串中必须包含字符串evar ...
- 【javaweb学习笔记】servlet-api，filter和Listener
javaweb学习笔记 1. servlet-api 1.1 servlet初始化 1.2 ServletContext和context-param 2. 什么是业务层 3. IOC 3.1 耦合/依 ...
- 【Javaweb学习笔记】在Eclipse中创建Web项目
[Javaweb学习笔记]在Eclipse中创建Web项目 哈喽大家好,这里是Java框架学习笔记专栏第二期 本期内容--在Eclipse中创建Web项目 前期回顾: 第一期--schema约束 笔者 ...
- java web孤傲苍狼,JavaWeb学习笔记
我看的资料是孤傲苍狼的javaweb学习笔记,他写的真的很全,这或许就是社区力量吧!哪些问题不知道,上网搜一搜就有了,让自己不进步的敌人,只有懒惰了. 这是我接触JavaWeb的第二周,有一些自己的理 ...
- JavaWeb学习笔记（动态SQL）
JavaWeb学习笔记(动态SQL) 动态SQL中的元素 < if>元素 < choose>.< when>.< otherwise>元素 < w ...
最新文章
- 开源依旧：再次分享一个进销存系统
- HDFS数据迁移解决方案之DistCp工具的巧妙使用
- ASP.NET 2.0 之 Master Page 学习笔记 --zt
- 【mmdetection2.0错误】——ModuleNotFoundError: No module named ‘mmdet‘
- python类中没有属性_如何在python语言中在类中删除属性和添加属性
- SAP License：BSEG与FAGLFLEXA (A)表数据不一致问题
- Android源码学习
- 此版本专旧版本为android,关于Android9.0 此应用专为旧版Android打造，因此可能无法正常运行。请尝试检查更新或与开发者联系...
- 基于JSP的旅游信息管理系统（含论文）
- jQuery活动倒计时插件
- destoon新增模块
- 微信做音乐相册html5,js微信应用场景之微信音乐相册案例分享
- Android开发该学习哪些东西？
- 百度地图API删除指定的覆盖物Marker
- 家用计算机中PCB板材质,介绍PCB电路板的主要原材料
- 操作系统 FIFO 先进先出页面置换算法
- mysql查询选修课程的学生_[MySQL]查询学生选课的情况（一）
- 解决echarts中地图重叠问题
- [UESTC 1146]秋实大哥与连锁快餐店
- 中年危机如何化解分析