![](https://img-blog.csdnimg.cn/20190918140158853.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
web入门教程
白山茶ι
星光不问赶路人,时光不负有心人;暂时准备考公中。
展开
-
购物车页面实现复选框的选中,全选功能和按单价,数量实现总价的自动计算(更新)
购物车全选,单选,价格的实现(更新)完成效果HTML代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>叮当图书网-查看购物车</title> <link href="css/mycar.css" rel="style...原创 2020-03-19 11:06:06 · 5670 阅读 · 4 评论 -
实验四:购物车页面的实现和美化
购物车页面的简单实现及其美化html代码:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>叮当图书网-查看购物车</title><link rel="stylesheet" href="shopping.css"><style ...原创 2019-11-30 17:25:49 · 986 阅读 · 0 评论 -
实验五:购物车页面实现复选框的选中,全选功能和按单价,数量实现总价的自动计算
购物车页面实现复选框的选中,全选功能和按单价,数量实现总价的自动计算html代码:<body> <form> <table> <tr> <td><input name="px" type="checkbox" value="1" id="allcheck" οnclick="selectAll()"/>...原创 2019-11-30 17:16:13 · 3551 阅读 · 1 评论 -
实验三.用js实现注册信息的有效检查
输入相应信息,点击提交按钮若未输入用户名,弹出提示框:若两次密码不一样,弹出提示框:若邮箱格式不正确,弹出提示框:html代码<body ><div id="div1"> <form method="post" name="form1" > <div> *用戶名:<input type="text" na...原创 2019-11-30 17:11:59 · 912 阅读 · 0 评论 -
实验二.基于web的注册界面
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>用戶注冊界面</title><style type="text/css">body{background:url(images/theme-pic.jpg) repeat;}#div1...原创 2019-11-21 22:18:21 · 655 阅读 · 0 评论 -
实验一.基于web的用户登录界面
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>登录</title><style type="text/css">*{text-align:center;}.top1 {width:400px;height:200px; ma...原创 2019-11-21 22:16:02 · 1625 阅读 · 0 评论 -
14.css+div-页面布局-定位
1.position属性属性值描述static正常流(默认值)元素在页面中正常出现,并作为页面流的一部分relative相对定位,相对于其正常位置进行定位,并保持其未定位前的形状及所占空间absolute绝对定位,相对于浏览器窗口进行定位,将元素框从页面流中完全删除后,重新定位fixed固定定位,相对于浏览器窗口进行定位,将元素从页面流中完全删除后,...原创 2019-11-21 00:23:44 · 277 阅读 · 0 评论 -
13.web前端开发技术-页面布局
页面布局概述核心目标是实现页面的结构与外观的分离表格布局:常用于页面局部布局框架布局:主页面依赖多个页面,不便管理,HTML5不再支持框架集标签<frameset>和<frame>,但是支持页内框架标签<iframe>css+Div布局:页面结构与表现相分离,常用于页面的整体布局CSS+DIV布局>盒子模型盒子模型由内容(content...原创 2019-11-15 23:31:15 · 980 阅读 · 1 评论 -
12:.css3新特性
1:圆角边框属性选择器根据元素的属性名或属性值来选择元素,使用一对方括号【】<html><head><meta charset="UTF-8"><title>属性选择器</title><style type="text/css">[title]{border-radius:30px;/*属性选择器*/}...原创 2019-10-26 15:29:13 · 502 阅读 · 0 评论 -
11.重新定义HTML标签外观
1.超链接外观*取消超链接下划线a{text-decoration:none}2.列表外观*取消列表默认项目符号ul{line-style:none}*列表项水平放置li{float:left}设置块级元素不换行*如设置表单为行内快样式为:form{display:inline}如导航条设计水平弹出菜单此参考这个页面,用浏览器打开,右击查看源代码http://www.wus...原创 2019-10-26 13:59:23 · 619 阅读 · 0 评论 -
注意点:ecplise插入图片在内置浏览器能显示,在外部浏览器显示不了
这两天写web实验插入图片比较多,突然发现用http协议在浏览器打开时图片显示不了,然后一个小伙伴给我解决了这个大问题首先要在你的项目下的WebContent下新建一个文件image,然后将图片复制到此文件夹下,注意src后的图片路径用相对路径src = "image\图片"就是这么简单...原创 2019-10-26 13:49:24 · 810 阅读 · 0 评论 -
10.css样式属性
css样式属性css样式属性种类繁多,使用复杂,需要逐步积累,在此不举例,小伙伴们从平时的代码中积累1.字体属性功能属性名描述字体类型font-family设置文本的字体类别字体风格font-style设置字体样子,取值normal(正常),italic(斜体),oblique(倾斜)字体变形font-variant设定小型大写字母,取值norm...原创 2019-10-19 15:48:53 · 396 阅读 · 0 评论 -
9.css基础知识:css样式的建立和使用
7.css样式的建立和使用1:按css的使用方式划分*通用样式:与通用选择器相对应,所有元素自动应用*样式*标签样式:与标签选择器相对应,相应的标签元素自动应用标签样式*类样式:与类选择器相对应,使用class属性应用类(点)样式 class可重复*id样式:与id选择器相对应,使用id属性应用id(#)样式 id唯一*伪类样式:与伪类选择器对应,为选择器添加一些特殊效果按css样式...原创 2019-10-15 23:57:18 · 831 阅读 · 1 评论 -
1.tomcat的安装步骤(exe安装版本和压缩包版)菜鸟适用
tomcat的安装步骤(exe安装版本和压缩包版)这是tomcat首页的链接http://tomcat.apache.org/打开tomcat官网点击左边的download,这里以Tomcat8为例这里有压缩包版和安装版一般电脑为64位点击即可下载,这里先介绍安装版的教程下载好后会出现这个双击运行即可...原创 2019-09-28 23:07:42 · 4277 阅读 · 0 评论 -
3.eclipse的tomcat配置
eclipse的tomcat的配置首先将tomcat安装好(见上一篇)1.打开eclipse-windows-preferences-server-Runtime Environment-点击add2.选择自己的tomcat版本,然后点击next3.点击Browse选择自己tomcat的安装路径点击finish4.然后在下面找到servers右击新建然后finish5.最后就是新建...原创 2019-10-01 16:51:29 · 231 阅读 · 0 评论 -
4.HTML教程
HTML语言概述一.HTML基本格式1.*!doctype>文档类型声明,位于文档的最前面,它与浏览器的兼容性相关,删除<!doctype>就是把如何展示HTML页面的权力交给浏览器*<html>根标签,标志着HTML文档的开始*<head>头部标签,用来描述文章的标题,作者以及和其他文档的关系*<body>主体标签,用于定于HTML...原创 2019-10-02 23:39:32 · 753 阅读 · 0 评论 -
5.HTML基础知识-简单的HTML标签
简单的HTML标签1.文本样式标签<font 属性="属性值">文本内容</font><font>常用属性:*face:设置文字字体,例如黑体,宋体*size:设置文字大小,1-7整数*color:设置文字颜色2.文本格式化标签<strong> <b>:粗体<u> <ins>:下划线<i...原创 2019-10-03 22:00:43 · 296 阅读 · 2 评论 -
6.HTML基础知识-表格
HTML制作表格的基本知识1.表格的基本属性<table>定义一个表格<caption>表格标题</caption> <tr>第一行 <td>第一行第一列单元格内容</td> <td>第一行第二列单元格内容</td>... </tr> <tr>...原创 2019-10-05 20:27:10 · 345 阅读 · 0 评论 -
7.HTML基础知识-表单
HTML基础知识表单1.表单及其工作原理from表单是HTML的一个重要组成部分,负责采集和提交用户输入的信息。2.表单的基本属性一个表单,通常有三个组成部分:*表单标签:成对的<form>标签*表单域:用于实现文本输入等功能的表单元素,必须内嵌在<form>标签内*表单按钮:主要指提交表单数据至web服务器的按钮其代码架构如下:<form meth...原创 2019-10-07 00:19:22 · 705 阅读 · 0 评论 -
8.CSS基础知识
css样式概述1.css(cascading style sheets 层叠样式表)样式*作用:将样式和内容分开原创 2019-10-12 00:59:21 · 419 阅读 · 3 评论 -
2.tomcat的安装(压缩包版)(菜鸟教程)
tomcat压缩包版安装教程1.登录tomcat官方网站,选择download下的tomcat92.根据你的电脑选择64位或者32位的下载3.在解压的文件夹下找到bin路径双击里面的startup启动tomcat出现这个页面即为启动成功4.在浏览器路径下输入http://localhost:8080/出现这个即成功5.最后就是环境变量的配置了:我的电脑-右击找到属性-高级系统设...原创 2019-09-30 12:51:56 · 3508 阅读 · 0 评论