前端
关注
分享
扫一扫
HTML JSP
不戴眼镜的眼镜男
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
1.1HTML的介绍和head标签
1.1HTML的介绍和head标签 <!-- 以上是HTML的注释格式 --> 1.约束 <!DOCTYPE html>告诉浏览器，我是HTML5 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"> ,我是HTML4 2.学习H...原创 2019-09-17 20:49:23 · 239 阅读 · 0 评论 -
1.2THML网页之body标签
1.2THML网页之body标签 常用的子标签： 1.标题标签 h1 ~ h6 特点：字体自动加粗，自动换行 从大到小 双标签 应用场景: 表格当中合并项的标题 2.水平线 分割线 特点： 独占一行 可以针对它进行宽度和高度，以及颜色等设置 3.p标签 — 段落标签 特点：独占一行 没有按照程序员预定的效果进行展示 需求：我要写一首诗，诗的格式，必须要有换行，而且不允许使用 4....原创 2019-09-17 20:49:43 · 450 阅读 · 0 评论 -
1.3HTML网页之body标签B
1.3HTML网页之body标签B 1.body标签和head标签之间的区别 body标签—显示内容，反馈给用于查看 head标签—网页的设置，主要给浏览器进行解析 2.boyd里面常用的子标签 2.1 字体加粗 斜体 下划线 删除线(中划线) 标签之间，可以相互嵌套 2.2 字体标签 font 属性： 字体的大小 ...原创 2019-09-17 20:50:14 · 429 阅读 · 0 评论 -
1.4HTML网页之img标签
1.4HTML网页之img标签 各大网站 — 缺少不了图片 引出： 图片标签 img 单标签 格式： 分析： 图片的资源路径分为三种 1.相对路径 — 根据当前网页或者某一个网页为基础，来定位某一个图片 2.绝对路径 — 当前电脑的某个盘符为基准 结论：使用绝对路径，也可以找到指定的资源 前提:不能以当前web项目为基准进行查找 3.网络路径: http://www.baidu.com/...原创 2019-09-17 20:50:56 · 269 阅读 · 0 评论 -
1.5HTML网页之超链接标签
1.5HTML网页之超链接标签 描述：超链接标签(重点) 格式:超链接的名字/文本 分析： href属性，包含的是超链接的核心 — 需要跳转的资源路径 资源路径:1. 相对路径 2.绝对路径 3.网络路径 锚链接: 应用场景 淘宝 京东 手机小说 特点：在当前网页当中，进行跳转 格式： 和超链接一样，只是跳转的资源路径不一样！ 锚链接 总结: 锚链接 — 属性name — 前面...原创 2019-09-17 20:51:34 · 370 阅读 · 0 评论 -
2.1HTML网页之table标签A
2.1HTML网页之table标签A 描述：表格标签 1.格式如下 <table> <tr> <td></td> </tr> </table> 解析： table标签，告诉浏览器，以表格的形式进行解析并显示 tr — 行 td — 列 ...原创 2019-09-17 20:52:08 · 487 阅读 · 0 评论 -
2.1HTML网页之table标签B
2.1HTML网页之table标签B 描述：表格标签 需求：创建一个七行四列的表格，对首行进行合并而且给出标题，对最后一列设置，合并行 知识点： 1.根据方向分为 : 列合并 行合并 注意点：不管是合并行，还是合并列，都必须在td标签内完成 2.横向合并 — 列合并 属性— colspan = “合并列数的值” 3.纵向合并 — 行合并 属性— rowspan = “合并行数的值” &l...原创 2019-09-17 20:52:42 · 406 阅读 · 0 评论 -
2.2.1HTML网页之form表单A
2.2.1HTML网页之form表单A 描述：form表单(重中之重) 问题：前台页面的数据，例如：账号、密码等信息，如何传递给后台代码，后台代码 再和数据库进行对比，有没有此账号，如果没有，说明账号错误。 核心：如何把前台数据，传递给后台代码？ 解决：只能使用form表单来解决 格式： 中间所有数据，都会进行提交，给对应的资源路径 资源路径: 1 可以是其他网页， 2.可以是servlet后台...原创 2019-09-17 20:53:33 · 308 阅读 · 0 评论 -
2.2.2HTML网页之form表单B
2.2.2HTML网页之form表单B 描述：form表单 1.在form表单当中，使用HTML4版本的标签 文本框 密码框 单选按钮 多选按钮 下拉列表框 多行文本 文件上传 提交按钮 重置按钮 普通按钮 2.在form表单中，使用HTML5版本的标签 主要介绍H5的新特性 日期 date 数字 number 颜色 color 邮箱 ema...原创 2019-09-17 20:54:06 · 402 阅读 · 0 评论 -
2.2.3HTML网页之form表单c
2.2.3HTML网页之form表单c 描述：HTML5 新特性 在form表单中，使用HTML5版本的标签 主要介绍H5的新特性 日期 date 数字 number 颜色 color 邮箱 email @ <!DOCTYPE html> <html> <head> <meta charset="utf-8"> ...原创 2019-09-17 20:55:22 · 239 阅读 · 0 评论 -
3.1HTML网页之iframe框架
3.1HTML网页之iframe框架 描述：iframe框架 需求：在一个HTML网页中，编写若干个超链接，在点击超链接时，打开的方式： 在本网页的局部打开，而不是在新的网页中打开！ QQ邮箱案例 技术： iframe框架 frameset框架 iframe框架格式： ’ 暂时不写任何内容… ' 注意： 1.此框架相对于另外一个frameset框架，要简单点！ 2.必须要对此框架的属性...原创 2019-09-18 19:26:16 · 463 阅读 · 0 评论 -
3.2HTML网页之frameset框架
3.2HTML网页之frameset框架 描述：网页局部刷新之frameset框架 需求：模拟QQ邮箱网页，把整个网页分割成若干个小网页(例如 top.html,left.html,right.html)， 然后点击left.html中的超链接，把内容跳转到right.html指定frame框架中，并显示。 技能：frameset框架 1.frameset框架的格式 顶部网页 ...原创 2019-09-18 19:27:12 · 581 阅读 · 0 评论 -
3.3css层叠样式之简介
3.3css层叠样式之简介 描述：CSS简介 1.引入CSS样式 1.1 如果不使用CSS样式，HTML网页不美观。 例如：编写一个table标签，对行高 列宽进行设置，如果不设置，table很难看 可以自己增加一些背景颜色，也可以对上传的图片进行大小更改 1.2 HTML当中，使用标签的属性来更改样式，后续维护会比较麻烦 例如: tr — 针对行设置行高，一个表格当中有十行，分别对行的行高进行...原创 2019-09-18 19:27:33 · 296 阅读 · 0 评论 -
3.4css样式表之各选择器
3.4css样式表之各选择器 描述：CSS常用的选择器 1.标签选择器 格式： 标签名称{css样式代码;} 例如：设置行高 tr{heigth:100px} 特点： 其一 作用范围 比较大 凡是该网页对应的标签，都会对css样式代码生效 2.id选择器 格式： #id名字{css样式代码;} 特点：2.1 id的名字必须是整个网页的唯一性名字 (不允许有重复的名字) 2.2 ...原创 2019-09-18 19:28:19 · 459 阅读 · 0 评论 -
3.5div标签与盒子模型
3.5div标签与盒子模型 描述：div标签与盒子模型 1.以往使用页面布局，使用的是iframe框架或者frameset框架 但是在浏览各大网站的源码时，发现基本上不在使用以上两个框架了！ 引出： 页面布局 — div标签 2.div标签 2.1 它本质上是一个容器，里面可以编写任何其他标签，甚至可以嵌套div标签。 2.2 特点： 独占一行 它是一个块级元素，宽度自动和页面的宽度一致。 2...原创 2019-09-18 19:28:50 · 511 阅读 · 0 评论 -
3.6div标签与盒子模型
3.6div标签与盒子模型 描述：针对特定标签的定位(可以对body以内所有的标签) 1.定位的分类 绝对定位：absolute 和 fixed 统称为绝对定位 相对定位：relative 默认值：static 2.定位属性名称 position（位置） 四个值: static relative absolute fixed 3.在发开当中，发现对于块级元素/行级元素，都能够...原创 2019-09-18 19:29:29 · 423 阅读 · 0 评论 -
4.1css样式表之浮动
4.1css样式表之浮动 描述：元素的浮动 需求：JD登录页面最底部，对超链接进行元素移动，使纵向变为横向！ 技能：元素的浮动 float 1.浮动的格式 在style样式表当中，编写float left左浮动以及right右浮动 例如： 2.对无序列表当中的黑点去掉 针对ul标签进行设置 list-style : none 3.针对网页添加空格 ---- 不要直接敲击空格键 特...原创 2019-09-19 09:41:55 · 374 阅读 · 0 评论 -
4.2京东登陆界面上部分
4.2京东登陆界面上部分 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>京东-欢迎登录</title> <link rel="icon" href="//www.jd.com/favicon.ico"/><!--显示网站的...原创 2019-09-19 09:42:26 · 704 阅读 · 0 评论