征求网站建设,网站建设基本资料,中英文双语网站建设,wordpress电影采集前言 前面都是一些基础的铺垫#xff0c;现在就正式进入到web开发环节了。 我们的目标就是通过学习 JavaEE初阶#xff0c;搭建出一个网站出来。 一个网站分成两个部分#xff1a; 前端#xff08;客户端#xff09; 后端#xff08;服务器#xff09; 通常这里的客户端…前言 前面都是一些基础的铺垫现在就正式进入到web开发环节了。 我们的目标就是通过学习 JavaEE初阶搭建出一个网站出来。 一个网站分成两个部分 前端客户端 后端服务器 通常这里的客户端指的是浏览器。 或者说是以浏览器的方式来体现的。 我们要想搭建一个网站既需要写一些前端代码又需要写一些后端代码。 一、前端和后端发展史 后端我现在主要是通过 Java 这样的技术栈来实现的。 实现后端不仅仅是 Java还有 CCGOPHPPythonRuby… 前端当前主流的实现方案其实就是我们平时所说的“前端开发三剑客”。 前端开发三剑客HTML、CSS、JS 虽然当前主流的前端开发是前端三剑客。 但是实际上我们的 Java 诞生之初就是用来写前端代码的。 只不过后来阴差阳错成为了后端的主流语言之一。 大概是在上个世纪90年代初那个时候互联网刚刚兴起当时国内基本还是一片空白。 但是国外已经开始发展了。 当时最流行的语言就是 C 和 C。现在两者仍然是最流行的语言 学过C的朋友应该都知道C有个最大的问题语法比较复杂尤其是 手动管理内存让人脑瓜子嗡嗡的。 当时就有一个大佬他要做一个项目“开发智能面包机”。 但是他觉得C太不友好了。于是他为了能够照顾团队中的一些菜鸡队友。 于是他就发明了一门新的语言也就是 Java。发明背景嵌入式设备开发 虽然智能面包机做的不怎么样但是 Java 流传下来了。 最后被一个 Sun 公司 发现了感觉不错 与此同时网页开发也刚刚兴起最开始的网站一般都是纯静态的页面。 网站就相当于一种“线上的报纸”。 这就是网页最开始的初衷就是一个纯静态封面。 通过这个封面来表示 报纸 / 杂志。 后来随着时间的推移人们已经不满足于网页当报纸来使用。 希望有一些更加复杂的交互操作。 为了实现交互操作就需要在页面中嵌入一些编程语言来表示一定的逻辑。 【单纯的静态页面使用 HTML 和 CSS 就够了。】 HTML表示的是页面的结构和内容。 CSS表示页面的样式。 但是这两个东西构建出来的是纯静态的页面。 所以我们需要加入一些编程语言来表示这里面背后 的 逻辑。 当年我们有一些前端语言 1、Java具体来说Java 中 apple这个东西在古老的Java教材中都有介绍 2、JS 3、VBScript 其中 Java是最火的JS当时还是一个弟弟其它的都要往后排排。 当年 Java 是开发前端的主流方式。 然后这种方式因为上面而产生改变呢 因为 微软 公司。就是我们现在熟知的Windows的厂商 我们都知道微软它当年推出一个浏览器IE和当时最NB的浏览器“网景”分庭抗礼。 后来随着 Windows 的大行其道IE 逐渐成为了浏览器市场的霸主。称霸了大概30年 直到前两年微软才正式宣布放弃 IE。 因为 Windows 和 IE 是站在一条线上的 随着 Windows的用户不断扩展IE也就得到了发展。 所以网景也就是逐渐扛不住了。 于是 IE 就成为了主流。 esnp; 当 IE 成为主流之后然后就针对 Java 展开封杀。 IE 宣布不支持Java 也就是说曾今使用Java写的那些页面那些交互效果都不能在 IE上被执行了。 esnp; 针对 Java的理由很简单因为 Java 不是 微软的而 VB 是 微软的。 微软为了扶持 自己的技术体系直接使用这种封杀手段 针对 Java 展开了围剿。 这一下Java直接就从山巅跌落谷底了。 更悲伤的是虽然 Java 跌落神坛但是 VB 也没有讨到好处。 好处 被 JS 给占了。 注意JS 是 Java的小迷弟。 JS 原名 ECMAScript简称叫做 ES。 但是因为 Java 很火为了蹭Java的热度然后才叫做 JavaScript。 换句话来说Java 和 JavaScript 之间没有任何的联系。 到目前为止JS 仍然是 前端开发的核心语言 回到JavaJava咋跌落谷底之后Java又做了什么 这里面大家一定要注意一个要想成为真正的强者必须要经历磨难 经过这一波打击非但没有让Java就此消失反而让Java更加的强大。 Java 在全新的赛道触发重新找自己的定位。 全新的赛道分为两路 1、向服务器开发进军 J2EE JavaEE 2、向嵌入式设备进军 J2ME 凉凉 注意我们当前要实现的网站不光有网页还得有服务器。 所以Java就延伸出了一个服务器开发的机制叫做 JSPServlet 这就是当年Java开发后端的一种方式。 Servlet虽然当时也有一席之地但是 当年2000-2010这个圈子里最NB的大佬叫做PHP。 当然 微软也在跟进搞了一个 ASP但是是最不受待见的 当年服务器圈子最牛逼的是PHP其次JSP最后才是 ASP。 话说当年的PHP那是非常NB敢称自己是全世界最好的编程语言。 当年但凡提到web开发首先让人想到的就是 web开发的四剑客。 四剑客LAMP 》LinuxApacheHTTP服务器特指 httpdMySQLPHP。 当年最火的一套技术栈。 J2ME 虽然现在没了但是当年是火的莫得边 当年手机端功能机上面的应用基本都是基于 J2ME 来实现的。 以前的功能机安装的软件开启的logo 就是 Java的。 当年手机应用的开发几乎被Java包圆了。 所以Java再次又从低谷爬上了巅峰 但是随着时间的推移Java又遇到了一个悲伤的故事。 那就是 进入智能手机的时代功能机全灭 甚至最NB的诺基亚也GG了。 J2ME 这套技术栈也就随之飞灰湮灭了。 所以 Java再次从巅峰跌落到谷底。 但是Java作为一个大佬是不会那么轻易的被打败的 这样的磨难只会让 Java更加强大 Java 仍然是从两个角度从新发力 1、服务器开发 虽然 PHP 是当年的王者但是随着时间的推移。PHP这套机制它也体现出了颓势。 PHP 针对一些大型复杂项目的开发有些难以胜任。 所以前后端分离的这种开发思想逐渐推广起来了。 PHP开始有了下降的趋势 于是Java开始发力了 尤其是 Java 重装推出了 Spring这一套全家桶。 让Java能够在服务器这边站稳脚跟的不是Java语言本身而是靠 Spring 这一套全家桶。 这套全家桶可以认为是涵盖了后端开发的方方面面。 Spring 不但让Java站住了脚跟也把同一时期的晶振对手都甩在后面了。 所以在服务器这一块Java逐渐成为了 No.1。 2、还手机方向虽然J2ME倒了新的大佬安卓兴起了安卓应用的默认开发语言就选择了Java。 安卓选择 Java的理由也很简单就是为了吸引曾经那些失业了的 J2ME 的程序员。 以此来快速的构建安卓的生态。 这个决策可以说是非常的正确 因为 安卓生态的兴起推动了安卓的发展 以至于现在的安卓已经成为了当下移动端主流的操作系统。NO.1 在 双重NO.1 的加持下Java重回巅峰 Java的“人生”可谓大起大落 但是虽然Java现在站上了巅峰但并不意味Java一直就是巅峰。 目前在服务器这边Java最大的挑战者就是 Go。 java这个语言虽然说发展了这么多年已经是非常全面了。 但是Java有一个最大的问题比较繁琐。 模式套模式框架摞框架。美名其曰为了处理高并发大数据高可用… 这件事是优点也是缺点。 因为我们大部分情况下涉及不到高并发也涉及不到什么高可用。 这个时候相比之下这些东西反而成为了制约新人去学习java的加锁。 这样的缺点也就逐渐的暴露出来了 相比之下Go 的 思路就很简单。 Java 通常会把一个简单的问题该搞嘛烦了。 Go 里面就是用简单的方法来解决简单的问题。 Go 相当于是一个更现代的 C语言。 因为 Go的作者正是C语言之父“肯汤姆逊”C语言之父还有一位叫做丹尼斯里奇但是前几年去天堂了。 肯汤姆逊仍然保持着高活力。 他现在人在谷歌他的同时也都是很牛逼的大佬 其中就有 JVM 第一代的设计者反正都是知名大佬。 拉着几位大佬创造出了 Go。 所以在Go语言里面其实看到的更多的是 C语言的影子。 所以Go 语言解决问题也是非常的简单直观因此Go 非常受到业界的好评。 尤其是在 国内Go语言的发展可以说是如日中天。 Go语言尤其是在写一些短小精悍的服务器的时候这时候开发者更倾向于使用 Go 代替 Java。 java虽然在解决复杂问题上更有优势。 但是现在业界更流行的一种后端架构称为“微服务架构”。 微服务架构从业务逻辑的角度天然把一个大的复杂的服务器给拆分成多个小的更精简的服务器。每个服务器只做那么一两件事做着单纯的工作多个服务器之间去相互进行调用。 这就导致 Go 在解决复杂的问题也是完全不虚Java。 现在的一些大厂和一部分其他的厂很多都在广泛的使用 Go。 百度主要的语言CPHP 腾讯C 阿里Java 字节GoPython 但是并不是说Java就不火了 虽然Go发展的很多但是Java现有的体量还是非常大的。 所以Go 能够超越 Java还是未知数。 Java自己 包括 Java 的杀手锏 Spring 也在不断进化。 所以至于Java 和 Go 能打到什么样的程度我们拭目以待。 但是在这个 鹬蚌相争的过程中只有 C/C 是笑而不语的。 因为不论是 Java还是 Go。 它们内部的运行时环境仍然是 C / C 写的。 所以不管谁赢了。 C / C 都是最后的赢家。 而且Java在移动端也迎来了挑战者。 最开始还是要从一场官司说起。 安卓是 Google 搞的然后Google 就使用了 Java 最为 开发的默认语言。 但是Java后来被 Oracle 收购了。 于是Oracle 看到 安卓这么火它很眼红。 于是Oracle搞了一个操作 把Google 给 告了要求Google想要使用我的Java就必须给自己支付高额的授权费。 高到一个零头够我们任意一个人活一辈子。 然后Google 就跟 Oracle 打官司。 毕竟谁也不虚谁 但是最后Google 败诉了就只能掏钱了。 Google 就非常恼火就要在内部 革了 安卓的命 既然你不让我用我就干脆不用了 所以Google 在 布局下一代系统Google自研的系统。 下一代移动端系统上搭载的编程语言是 谷歌自己原创的 Dart 语言。 搭载的开发框架 Flutter。 现在 Flutter已经发布了能够支持全平台兼容。 全平台兼容基于 Flutter 写一份代码然后这一份代码就可以同时支持 安卓iOSWindowsLinuxMac网页端 其中 iOS 和 网页端是 Java所不具备的。 最终Flutter 这一套体系能走多远我们只能拭目以待。 并且 Flutter不经能支持这么多的平台而且还非常的高效。 虽然我的java还处于巅峰但是 Java 还是受到了冲击 和 影响。 具体我们的Java至于Java还能够在 巅峰站多久 还是一个未知数。 究竟是谁再次将Java打落神坛以及 Java的未来 还会不会重新崛起 我们只能走一步看一步。 说实话博主还是挺慌的毕竟博主是学习Java方向的。 不过也不怂大不了转粉测开。 不过Dart 这套体系仍然是基于 C 实现的。 虽然话是这么说但是 C/C 有没有竞争对手 当然也有 最近几年有一个强力的挑战者叫做 Rust。 但是很遗憾 Rust 还不太能打。 虽然 Rust 有资格去挑战 C但是还不足以掀翻 C的统治地位。 所以未来是否会出现基于 Rust 思想在引出一些更强的语言。 能够危险到 C 地位的语言真正能够代替它们在系统级开发的地位。 有待见证 二、关于网站搭建 网站 前端 后端 在 JavaEE 初阶学习的是 前端HTMLCSS。JS 后端Servlet Servlet这一套机制属于早起的开发方式、 现在再公司里也很少用到了。 在JavaEE 进阶中才开始正式学习 Spring. 这个才是公司里的主流开发方式。 但是要想学好 Spring对于Servlet的理解也是非常必要的。 因为可以认为 Spring 就是基于Servlet的基础上又进行了进一系列的封装。 这里面很多的东西都是相通的 我们把这一块理解了基础打扎实了 才能更好的去理解 Spring 至于前端这里HTMLCSS。JS 这种原生的开发方式也是比较少见的。 本篇博客学的是原生的开发方式。 但是在实际的开发中现在前端开发也衍生出了一些相关的框架。 前端的三大框架AngularReactVue 因此目前公司里进行前端开发主要就是通过这三大框架的方式来进行开发的。 这和我们原生的开发又有很大的差别。 因为博主是偏后端的所以前端的就不讲太多。 本文主要给大家讲解原生的前端知识就是一个简单用法。 【HTML 和 CSS 在本文讲JavaScript单独拎出来写一篇博客不过也不会讲的太深主要就是讲解一个基本的知识】 另外说一些题外话。 Angular 是 谷歌做的。 React 是 Facebook的。 Vue不一样它是中国的大佬尤雨溪自己搞的开源项目。 如果大家平时多逛一下技术论坛你们大概率就能见到他言论。 比如知乎上就能经常看到他的一些回复和留言。 以一己之力就能抗衡这些大厂的框架而且 Vue 非常 火隐隐有赶上 React 的节奏。 至于 Angular在国内用的很少。 国内主要就是 React 和 Vue当前 React 份额更高但是 Vue 也不甘示弱。 估计很快就能赶上 React乃至超过 React 也是非常困难的。 三、HTML 首先我们先来学习 HTML。 HTML本省的语法比较简单语法风格 和 Java 之类的差别很大。 它不像一个表达逻辑的语言而只是一个叫做 标记的语言。 就是说HTML 并不能表达一些逻辑而只是能表达“有哪些东西”的一种信息。 所以HTML 不是用来表达逻辑的而是用来表达信息的。 以上转载于「Dark And Grey」的文章 原文链接https://blog.csdn.net/DarkAndGrey/article/details/124390460
3.1、如何编写一个HTML代码 编写HTML代码很简单 1、创建一个文本文档 2、将后缀名改成 .html 即可 这栋最好的特点就是如果我们想要运行 html 也不需要额外的编译器什么的直接有浏览器就行、 这种前端开发的学习就要比我们的 CJava等等…要省事很多 像我们学习Java要装jdk编译 器idea搭建环境… 很多新手都在这里栽过跟头。 但如果你要学习前端的话直接一上来拿着记事本就能写有浏览器就能运行。 根本就不需要去安装额外的东西 这对新手来说非常友好 虽然我们完成一个最简单的HTML代码但是有一个很大的问题 就是用记事本去写代码是在是太麻烦了。 记事本就不适合用来写代码 但是在我们编写HTML代码的时候一直都要敲这些标签这样就很麻烦 这里有快捷键 tab 键 或者 enter 键 这样就会生成一个HTML 代码的模板 下面我们解释一下这里面的内容代表啥意思 我们在编写完HTML代码的时候就要保存一下不然运行就看不到想要的结果 3.2、浏览器开发者工具 当页面显示内容成功之后如果在浏览器里面看到 页面的详细结构呢 在浏览器中有一个非常非常重要的组件开发者工具 通过这个开发者工具就可以观察到页面的基本结构 按下快捷键 F12. 如果你使用的是笔记本: FN 加 F12. 我们这个界面太简单了可能朋友们印象不深。 我来看个复杂的。 由于页面太复杂了我们想要看一下页面上的logo怎么办 我们已经了解了 HTML基本开发方式也了解了浏览器如何查看页面结构。 接下来就开始具体学习 HTML 中的语法细节。 说是语法细节实际上学习的是 HTML 中的各种标签。 一个网页上可能有连接文本按钮输入框图片等等…很多不同的元素。 这些页面上不同的元素就对应到 HTML 的标签。 所以我们学习 HTML 就是在学习各种标签以及它们的用法 和 使用时的注意事项。 换个说法如果我们把这些常用的标签掌握了HTML也就是掌握了 首先。要明白 HTML 描述了 页面上都有什么东西它不表达逻辑。 比如java中的变量条件循环方法类集合类等等… 这些 HTML 都没有。 HTML有的只是 标签。 到了这里其实大家就可以放宽心了。 前端这里虽然是要学习 HTMLCSSJS这三个语言。 但是实际上只有 JS 是一个正经语言。 另外两个都只是表示信息语法规则都非常简单。 四、HTML 常见标签
4.1、注释标签 这个和Java中的注释是有区别的 注意HTML中的注释是不能嵌套的 4.2、标题标签 4.3、段落标签: p
把一段比较长的文本粘贴到 html 中, 会发现并没有分成段落.
4.4、换行标签 - br 和 转义字符 4.5、格式化标签
加粗: strong 标签 和 b 标签倾斜: em 标签 和 i 标签删除线: del 标签 和 s 标签下划线: ins 标签 和 u 标签
4.6、图签标签 - img
img 标签必须带有 src 属性. 表示图片的路径
img 标签的其他属性
alt: 替换文本. 当文本不能正确显示的时候, 会显示一个替换的文字.title: 提示文本. 鼠标放到图片上, 就会有提示.width/height: 控制宽度高度. 高度和宽度一般改一个就行, 另外一个会等比例缩放. 否则就会图片失衡.border: 边框, 参数是宽度的像素. 但是一般使用 CSS 来设定. 注意:
属性可以有多个, 不能写到标签之前属性之间用空格分割, 可以是多个空格, 也可以是换行属性之间不分先后顺序属性使用 “键值对” 的格式来表示.
4.7、超链接标签 - a
href: 必须具备, 表示点击后会跳转到哪个页面. target: 打开方式. 默认是 _self. 如果是 _blank 则用新的标签页打开.
链接的几种形式
外部链接: href 引用其他网站的地址 内部链接: 网站内部页面之间的链接. 写相对路径即可. 空链接: 使用 # 在 href 中占位. 下载链接: href 对应的路径是一个文件. (可以使用 zip 文件) 网页元素链接: 可以给图片等任何元素添加链接(把元素放到 a 标签中) 锚点链接: 可以快速定位到页面中的某个位置
4.8、表格标签
table 标签: 表示整个表格tr: 表示表格的一行td: 表示一个单元格th: 表示表头单元格. 会居中加粗thead: 表格的头部区域(注意和 th 区分, 范围是比 th 要大的)tbody: 表格得到主体区域.
table 包含 tr , tr 包含 td 或者 th 表格标签有一些属性, 可以用于设置大小边框等. 但是一般使用 CSS 方式来设置这些属性都要放到 table 标签中. align 是表格相对于周围元素的对齐方式. align“center” (不是内部元素的对齐方式) border 表示边框. 1 表示有边框(数字越大, 边框越粗), “” 表示没边框. cellpadding: 内容距离边框的距离, 默认 1 像素 cellspacing: 单元格之间的距离. 默认为 2 像素 width / height: 设置尺寸. 注意, 这几个属性, vscode 都提示不出来 4.9、列表标签
主要使用来布局的. 整齐好看.
无序列表[重要] ul li , .有序列表[用的不多] ol li自定义列表[重要] dl (总标签) dt (小标题) dd (围绕标题来说明) 上面有个小标题, 下面有几个围绕 着标题来展开的
注意
元素之间是并列关系ul/ol 中只能放 li 不能放其他标签, dl 中只能放 dt 和 ddli 中可以放其他标签.列表带有自己的样式, 可以使用 CSS 来修改. (例如前面的小圆点都会去掉) 4.10、表单标签
表单是让用户输入信息的重要途径
分成两个部分:
表单域: 包含表单元素的区域. 重点是 form 标签.表单控件: 输入框, 提交按钮等. 重点是 input 标签
form 标签
描述了要把数据按照什么方式, 提交到哪个页面中. 关于 form 需要结合 服务器 网络编程 来进一步理解. 后面再详细研究
input 标签
各种输入控件, 单行文本框, 按钮, 单选框, 复选框.type(必须有), 取值种类很多多, button, checkbox, text, file, image, password, radio 等.name: 给 input 起了个名字. 尤其是对于 单选按钮, 具有相同的 name 才能多选一.value: input 中的默认值.checked: 默认被选中. (用于单选按钮和多选按钮)maxlength: 设定最大长度 像有些页面带有输入框这其实就是通过表单标签来实现的。 比如b站 1) 文本框
2) 密码框
3) 单选框 注意: 单选框之间必须具备相同的 name 属性, 才能实现 多选一 效果 加上checked属性
可以通过点击文字来进行选择 4) 复选框
5) 普通按钮
6)选择文件
4.11、select 标签 4.12、textarea 标签
textarea 标签表示 多行编辑框。
前面的 input 标签虽然也能让我们进行编辑但是 input 只能编译一行不能换行的。
4.13、无语义标签
div 标签 - division - 含义是 分割 span 标签 - 含义是跨度 这两个标签其实是出厂频率最高的标签。 前面的标签都是“有语义”的标签每个标签都有一个明确的角色。 比如 p表示一个段落 input表示单行的输入框 a表示超链接 依次类推。 它们都是有着自己明确的角色。 这些就叫做“有语义的标签”。 之所以有这么多“有语义标签”是因为 HTML 诞生的初衷就是为了去表示“报纸/杂志”这样的媒体。 想想看既然是表现“报纸/杂志”就肯定会有标题段落换行选项图标列表等等、、、 这是HTML的最终目的但是随着时间推移对于前端的要求在不断的提高。 还是拿b栈来说你能说它的页面想报纸吗 这个东西就和我们所谓的传统媒体已经有很大的区别了 这些页面已经变得非常丰富多彩了 里面有很多丰富的动态交互效果。 现在我们所看到的页面已经不能单单的认为是一张报纸了。 而得认为是一个“应用程序”。 页面上显示的东西更加复杂交互的效果更加丰富。 正式因为网页变成了一个“应用程序”那还需要说什么标题段落超链接吗 这个时候其实这些概念就越来越弱化了 相比于 有语义标签无语义标签更适合于“应用程序”的场景。 一个应用程序是多变的。 比如我们现在要显示一个什么什么东西这个东西已经没有办法把它套入什么标题段落这样的框架里。 因此这个时候我们也就不用去管标题段落什么的 我们就直接使用这种无语义标签来去表示就可以了 其实我们这里的 div 和 span它们的功能就可以代替上面绝大部分的有语义标签 图片超链接各种标题什么的这种都是可以代替的。 只要通过 CSS 设计成一些不同的样式就可以做到 让 div 和 span “长得”和我们原有的那些标签一摸一样。 唯一无法代替的是 form 这一系列的标签。 极端来讲 我们的一个网页可以 90%的标签都是 div / span这是完全可行的 但是这种做法并不常见。 具体无语义标签是什么 它就没有任何语义可以用来表示任何标签 div 和 span 有什么区别 唯一的区别 div 默认是一个块级元素独占一行 span 默认是一个行内元素不独占一行 其实块级元素和行内元素这两个元素的特性不止这一个。 还有一些其他的这点后面在讲CSS里面的一些细节的时候再来去详细的展开。 总结
介绍到这里其实HTML的标签还没有全部认识到。 但是常用的 HTML 标签就这么多我们的学习任务就是熟悉这些常用标签。 如果你想了解的更多你可以去查询 MDN 文档 是一个mozilla 开源的组织创建的该开源组织最大的一个产品就是 firebox火狐 浏览器。 当前最主流的浏览器是 Chromeedge在这之前是 IE。 而firebox 一直都没能登上巅峰但是也没有被落下。 注意我说的浏览器指的是 内核内核是浏览器最核心的功能部分。 但是市面上看到的大部分浏览器其实都是没有自主研发内容都是在现有的内核基础上套了皮。 比如搜索浏览器360浏览器猎豹浏览器2345浏览器…这些都是套壳的产物。 【这些都是拿着比较古老的 Chrome 来套皮的】 真正的浏览器内核那也就是 IEChromeFirefox。这些都是有着自研内核的浏览器。 我建议咱们以后参加在线面试的时候最好就用 Chrome。 浏览器之间的差别是非常大的很可能一个页面在 A浏览器下正常在B浏览器下就有bug。 但是不管怎么样这个页面对于Chrome一定是支持最好的 像国内的一些浏览器打一个双核的名号其实 双核 Chrome IE。
综合案例: 展示简历信息 !DOCTYPE html
html langen
headmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title
/head
bodyh1王校长/h1h2基本信息/h2img srchttps://www.petxg.com/uploads/200111/1-200111202052424.jpg width500 height400brp求职意向Java开发工程师/pp联系电话105926568/pp邮箱123qq.com/ppa hrefhttps://i.csdn.net/#/user-center/profile?spm1000.2115.3001.5111我的博客/a/ppa hrefhttps://gitee.com/我的Gitee/a/ph2教育背景/h2olli1990 - 1996 小葵花幼儿园 幼儿园/lili1996 - 2002 小葵花小学 小学/lili2002 - 2005 小葵花中学 初中/lili2005 - 2008 小葵花中学 高中/lili2008 - 2012 小葵花大学 计算机专业 本科/li/olh2专业技能/h2ulliJava基础语法扎实已经刷了800道Leetcode 题;/lili常见数据结构都可以独立实现并熟练应用;/lili熟知计算机网络理论并且可以独立排查常见问题;/lili掌握Web开发能力并且独立开发了学校的留言墙功能。/li/ulh2我的项目/h2olli留言墙/lip开发时间2008年9月 到2008年12月功能介绍ulli支持留言发布/lili支持匿名留言/li/ul/pli学习小助手/lip开发时间2008年9月 到2008年12月功能介绍ulli支持错题检查/lili支持同学探讨/li/ul/p/olh2个人评价/h2在校期间学习成绩优秀多次获得奖学金。
/body
/html综合案例: 填写简历信息 将这个整体看做是一个表格
!DOCTYPE html
html langen
headmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0title填写简历信息/title
/head
bodyh3请填写简历信息/h3table!-- 姓名 --trtd姓名/tdtdforminput typetext/form/td/trtrtd姓别/tdtdforminput typeradio 男input typeradio 女/form/td/trtrtd出生日期/tdtdselectoption-- 请选择年份 --/optionoption2000/optionoption2001/optionoption2002/option/selectselectoption-- 请选择月份 --/optionoption1/optionoption2/optionoption3/optionoption4/optionoption5/optionoption6/optionoption7/optionoption8/optionoption9/option/selectselectoption-- 请选日期 --/optionoption1/optionoption2/optionoption3/optionoption4/optionoption5/optionoption6/optionoption7/optionoption8/optionoption9/option/select/td/trtrtd就读学校/tdtdforminput typetext/form/td/trtrtd应聘岗位/tdtdforminput typecheckbox 前端开发input typecheckbox 后端开发input typecheckbox 测试开发input typecheckbox 运维开发/form/td/trtrtd掌握的技能/tdtdtextarea name id cols30 rows10/textarea/td/trtrtd项目的经历/tdtdtextarea name id cols30 rows10/textarea/td/trtrtd/tdtdforminput typecheckbox 我已仔细阅读过公司的招聘要求/form/td/trtrtd/tdtda hrefhttps://www.bilibili.com/u查看我的状态/u /a/td/trtrtd/tdtdh3请应聘者确认/h3ulli以上信息真实有效/lili能够尽早去公司实习/lili能接受公司的加班文化/li/ul/td/tr/table
/body
/html
