g
y
7
7
7
7

随笔分类 -  前端实训篇

CSS：注册页面的编写练习
摘要：最终效果图： html文件： <!-- * @Qusetion: * @Author: 一届书生 * @Date: 2020-04-07 08:17:36 * @LastEditTime: 2020-04-07 10:51:21 --> <html> <head> <meta charset="UT 阅读全文
posted @ 2020-04-07 10:54 gy77 阅读(294) 评论(0) 推荐(0) 编辑
实训篇-JavaScript-打地鼠
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- --> <style type="text/css"> /*给body添加背景图片*/ body{ background: url(img/bg.jpg 阅读全文
posted @ 2020-01-08 16:13 gy77 阅读(373) 评论(0) 推荐(0) 编辑
实训篇-Html-注册页面【简单】
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Regist</title> </head> <body> <h3 align="center">注册页面</h3> <form action="emailtop.html" me 阅读全文
posted @ 2020-01-08 10:22 gy77 阅读(308) 评论(0) 推荐(0) 编辑
实训篇-Html-计算器
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!--给button添加样式--> <style type="text/css"> input[type=button]{ width: 95px; heigh 阅读全文
posted @ 2020-01-08 10:21 gy77 阅读(242) 评论(0) 推荐(0) 编辑
实训篇-JavaScript-陶渊明去没去过桃花源
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!--定义样式--> <style type="text/css"> /*id选择器 定义div的大小 背景色*/ #div1{ width: 300px; h 阅读全文
posted @ 2020-01-08 10:20 gy77 阅读(149) 评论(0) 推荐(0) 编辑
实训篇-Css-跳动的红心
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> /*类选择器*/ /*三个div通用的样式*/ .heart{ width:200px; height: 200p 阅读全文
posted @ 2020-01-08 10:18 gy77 阅读(210) 评论(0) 推荐(0) 编辑
实训篇-Html-表单练习
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Regist</title> </head> <body> <h3 align="center">注册页面</h3> <form action="emailtop.html" me 阅读全文
posted @ 2020-01-07 15:23 gy77 阅读(478) 评论(0) 推荐(0) 编辑
实训篇-Html-frameset框架集
摘要：frameset.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <!-- frameset：框架集，可以将一个页面分隔成多个页面 首先需要将body标签去掉 frameset替换了b 阅读全文
posted @ 2020-01-07 09:52 gy77 阅读(258) 评论(0) 推荐(0) 编辑
实训篇-Html-超链接练习
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>超链接练习</title> </head> <body> <!-- href:超链接要访问的url地址 地址既可以是网络地址， 也可以是本地资源 target：在什么地方进行显式要 阅读全文
posted @ 2020-01-07 09:24 gy77 阅读(497) 评论(0) 推荐(0) 编辑
实训篇-Html-列表练习
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>列表练习</title> </head> <body> <h2>列表标签</h2> <!-- 列表分为三种： 1：无序列表 2：有序列表 3：自定义列表 --> <!-- 无序列表 阅读全文
posted @ 2020-01-07 09:23 gy77 阅读(761) 评论(0) 推荐(0) 编辑
实训篇-Html-表格练习2
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!--用于表格边框绘制成细黑线--> <style type="text/css"> table{ border-collapse 阅读全文
posted @ 2020-01-07 09:21 gy77 阅读(301) 评论(0) 推荐(0) 编辑
实训篇-Html-表格练习1
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>表格学习</title> </head> <body> <!-- table：表格 tr：表格的行 border:表格的边框的属性,默认是不显示的 表格的行高和列宽 会根据内容进行 阅读全文
posted @ 2020-01-07 09:19 gy77 阅读(464) 评论(0) 推荐(0) 编辑
实训篇-Html-超链接a标签使用
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!-- a标签还有快速定位到某个位置的功能 --> <a href="#first">第一章</a> <a href="#seco 阅读全文
posted @ 2020-01-07 09:18 gy77 阅读(237) 评论(0) 推荐(0) 编辑
实训篇-Html-多媒体标签
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>多媒体标签</title> </head> <body> <!--多媒体标签--> <!--img：图片标签 src:是图片的路径：相对路径，绝对路径，网络资源路径 width:图 阅读全文
posted @ 2020-01-07 09:14 gy77 阅读(178) 评论(0) 推荐(0) 编辑
实训篇-Html-标题，段落，字体
摘要：<!DOCTYPE html> <!--作者：347321011@qq.com 时间：2020-01-06 描述： Html:静态页面展示，将一些静态数据，按照一定的格式展示出来，数据的样式不好看 Css:给Html的静态展示的数据添加样式 Jsp：给页面添加动态的效果，还有用户交互的功能 --> 阅读全文
posted @ 2020-01-07 08:52 gy77 阅读(114) 评论(0) 推荐(0) 编辑