前端
关注
分享
扫一扫
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"> ,我是HTML42.学习H...原创 2019-09-17 20:49:23 · 175 阅读 · 0 评论 -
1.2THML网页之body标签
1.2THML网页之body标签常用的子标签：1.标题标签 h1 ~ h6特点：字体自动加粗，自动换行 从大到小 双标签应用场景: 表格当中合并项的标题2.水平线 分割线 特点： 独占一行 可以针对它进行宽度和高度，以及颜色等设置3.p标签 — 段落标签特点：独占一行没有按照程序员预定的效果进行展示需求：我要写一首诗，诗的格式，必须要有换行，而且不允许使用4....原创 2019-09-17 20:49:43 · 314 阅读 · 0 评论 -
1.3HTML网页之body标签B
1.3HTML网页之body标签B1.body标签和head标签之间的区别body标签—显示内容，反馈给用于查看head标签—网页的设置，主要给浏览器进行解析2.boyd里面常用的子标签2.1 字体加粗 斜体 下划线 删除线(中划线) 标签之间，可以相互嵌套2.2 字体标签 font属性： 字体的大小 ...原创 2019-09-17 20:50:14 · 324 阅读 · 0 评论 -
1.4HTML网页之img标签
1.4HTML网页之img标签各大网站 — 缺少不了图片引出： 图片标签 img 单标签格式： 分析： 图片的资源路径分为三种1.相对路径 — 根据当前网页或者某一个网页为基础，来定位某一个图片2.绝对路径 — 当前电脑的某个盘符为基准结论：使用绝对路径，也可以找到指定的资源前提:不能以当前web项目为基准进行查找3.网络路径: http://www.baidu.com/...原创 2019-09-17 20:50:56 · 167 阅读 · 0 评论 -
1.5HTML网页之超链接标签
1.5HTML网页之超链接标签描述：超链接标签(重点)格式:超链接的名字/文本分析： href属性，包含的是超链接的核心 — 需要跳转的资源路径资源路径:1. 相对路径 2.绝对路径 3.网络路径锚链接: 应用场景 淘宝 京东 手机小说特点：在当前网页当中，进行跳转格式： 和超链接一样，只是跳转的资源路径不一样！锚链接总结:锚链接 — 属性name — 前面...原创 2019-09-17 20:51:34 · 306 阅读 · 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 · 378 阅读 · 0 评论 -
2.1HTML网页之table标签B
2.1HTML网页之table标签B描述：表格标签需求：创建一个七行四列的表格，对首行进行合并而且给出标题，对最后一列设置，合并行知识点：1.根据方向分为 : 列合并 行合并注意点：不管是合并行，还是合并列，都必须在td标签内完成2.横向合并 — 列合并 属性— colspan = “合并列数的值”3.纵向合并 — 行合并 属性— rowspan = “合并行数的值”&l...原创 2019-09-17 20:52:42 · 318 阅读 · 0 评论 -
2.2.1HTML网页之form表单A
2.2.1HTML网页之form表单A描述：form表单(重中之重)问题：前台页面的数据，例如：账号、密码等信息，如何传递给后台代码，后台代码再和数据库进行对比，有没有此账号，如果没有，说明账号错误。核心：如何把前台数据，传递给后台代码？解决：只能使用form表单来解决格式：中间所有数据，都会进行提交，给对应的资源路径资源路径: 1 可以是其他网页， 2.可以是servlet后台...原创 2019-09-17 20:53:33 · 219 阅读 · 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 · 326 阅读 · 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 · 176 阅读 · 0 评论 -
3.1HTML网页之iframe框架
3.1HTML网页之iframe框架描述：iframe框架需求：在一个HTML网页中，编写若干个超链接，在点击超链接时，打开的方式：在本网页的局部打开，而不是在新的网页中打开！QQ邮箱案例技术： iframe框架 frameset框架iframe框架格式：’ 暂时不写任何内容… '注意：1.此框架相对于另外一个frameset框架，要简单点！2.必须要对此框架的属性...原创 2019-09-18 19:26:16 · 389 阅读 · 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 · 493 阅读 · 0 评论 -
3.3css层叠样式之简介
3.3css层叠样式之简介描述：CSS简介1.引入CSS样式1.1 如果不使用CSS样式，HTML网页不美观。例如：编写一个table标签，对行高 列宽进行设置，如果不设置，table很难看可以自己增加一些背景颜色，也可以对上传的图片进行大小更改1.2 HTML当中，使用标签的属性来更改样式，后续维护会比较麻烦例如: tr — 针对行设置行高，一个表格当中有十行，分别对行的行高进行...原创 2019-09-18 19:27:33 · 221 阅读 · 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 · 358 阅读 · 0 评论 -
3.5div标签与盒子模型
3.5div标签与盒子模型描述：div标签与盒子模型1.以往使用页面布局，使用的是iframe框架或者frameset框架但是在浏览各大网站的源码时，发现基本上不在使用以上两个框架了！引出： 页面布局 — div标签2.div标签2.1 它本质上是一个容器，里面可以编写任何其他标签，甚至可以嵌套div标签。2.2 特点： 独占一行 它是一个块级元素，宽度自动和页面的宽度一致。2...原创 2019-09-18 19:28:50 · 420 阅读 · 0 评论 -
3.6div标签与盒子模型
3.6div标签与盒子模型描述：针对特定标签的定位(可以对body以内所有的标签)1.定位的分类绝对定位：absolute 和 fixed 统称为绝对定位相对定位：relative默认值：static2.定位属性名称 position（位置） 四个值: static relative absolute fixed3.在发开当中，发现对于块级元素/行级元素，都能够...原创 2019-09-18 19:29:29 · 347 阅读 · 0 评论 -
4.1css样式表之浮动
4.1css样式表之浮动描述：元素的浮动需求：JD登录页面最底部，对超链接进行元素移动，使纵向变为横向！技能：元素的浮动 float1.浮动的格式在style样式表当中，编写float left左浮动以及right右浮动例如： 2.对无序列表当中的黑点去掉针对ul标签进行设置 list-style : none3.针对网页添加空格 ---- 不要直接敲击空格键特...原创 2019-09-19 09:41:55 · 294 阅读 · 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 · 555 阅读 · 0 评论