![](https://img-blog.csdnimg.cn/20190918140037908.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
educoder平台实训html-web实训
web
白夜的月亮
划水也得有资本
展开
-
educoder实训平台----CSS3背景样式
educoder实训平台----CSS3背景样式第1关:CSS背景相关的概念DACAD第2关:CSS-背景色的设置<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>CSS-背景色的设置</title> <style type="text/css"> h2{font:微软雅黑; t原创 2021-12-17 21:47:05 · 1351 阅读 · 0 评论 -
educoder实训平台--移动端电商页面制作----团购悬浮框页面制作
educoder实训平台–移动端电商页面制作第1关:移动端电商页面制作<!doctype html><html><head><meta charset="utf-8"><title>移动电商页面</title><style type="text/css">/* ********* Begin ********* */body{ font-size:12px;} body,img{padding:0;原创 2021-12-17 21:44:02 · 848 阅读 · 0 评论 -
educode实训平台---二维码名片制作
educode实训平台—二维码名片制作第1关:二维码名片页面的结构设计<!doctype html><html lang="en"><head><meta charset="UTF-8"><title>设计师名片</title></head><body> <!-- ********* Begin ********* --> <dl> &原创 2021-12-17 21:40:58 · 1113 阅读 · 0 评论 -
educoder实训平台----网页布局页面的制作
educoder实训平台----网页布局页面的制作第1关:网页布局的结构设计 <!doctype html><html><head><meta charset="utf-8"><title>网页布局</title></head><body><!-- ********* Begin ********* --> <div id="top"></div&原创 2021-12-17 21:38:54 · 2080 阅读 · 0 评论 -
educoder实训平台----CSS3选择器-属性选择器
educoder实训平台----CSS3选择器-属性选择器第1关:CSS3-属性选择器相关概念:CBAD第2关:CSS3-属性选择器<!DOCTYPE html><html> <head> <title>属性选择器</title> <style type="text/css"> div{ width:70px; height:40px;原创 2021-12-12 12:43:12 · 1285 阅读 · 0 评论 -
educoder实训平台---CSS3-文本字体样式
educoder实训平台—CSS3-文本字体样式第1关:文本外观样式相关的概念BDB第2关:CSS-文本空间的设置 <!doctype html><html><head><meta charset="utf-8"><title>美食专题栏目</title><!-- ********* Begin ********* --><style type="text/css">p{ font-siz原创 2021-12-09 21:50:03 · 839 阅读 · 0 评论 -
educoder实训平台----CSS3-文本字体样式
educoder实训平台----CSS3-文本字体样式第1关:字体样式属性相关的概念BDA第2关:美食专栏网页的结构设置<!doctype html><html><head><meta charset="utf-8"><title>美食专题栏目</title></head><body><img src="https://www.educoder.net/api/attachments/1原创 2021-12-09 21:46:26 · 715 阅读 · 0 评论 -
educoder实训平台----CSS3选择器-基础选择器
educoder实训平台----CSS3选择器-基础选择器第1关:CSS基础选择器相关概念DCB第2关:通用选择器<!DOCTYPE html><html><head> <meta charset="utf-8"/> <style type="test/css"> <!--------- Begin--------> *{font-size:100px;color:#D33E2A;} <!-原创 2021-12-08 18:58:10 · 7985 阅读 · 0 评论 -
educoder实训平台----CSS3选择器-组合选择器
educoder实训平台----CSS3选择器-组合选择器第1关:组合选择器相关的概念ACA第2关:群组选择器<!DOCTYPE html><html><head> <meta charset="utf-8"/> <title>群组选择器</title> <!-- ********* Begin ********* --> <style type="text/css">原创 2021-12-08 18:54:49 · 809 阅读 · 0 评论 -
educoder实训平台---CSS样式规则
educoder实训平台—CSS样式规则第1关:CSS基础知识BDCAB第2关:初识CSS<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title>初识CSS样式</title> </head> <body> <div style="background-image:url(https://www.educ原创 2021-12-08 18:51:18 · 662 阅读 · 0 评论 -
educoder实训平台--播放视频 --播放音频
educoder实训平台–播放视频第1关:HTML5视频相关的概念DCBAA第2关:播放视频<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>HTML5-视频</title> </head> <body> <h1 align="center">我和我的祖国</h1> <原创 2021-12-08 18:48:11 · 742 阅读 · 1 评论 -
educoder实训平台----简历表页面的制作
educoder实训平台----简历表页面的制作第1关:简历表页面的结构设计<!doctype html><html><head><meta charset="utf-8"><title>简历表</title></head><body><!-- ********* Begin ********* --><table> <tr> <td原创 2021-12-05 14:56:07 · 609 阅读 · 0 评论 -
educoder实训平台-----创建文本区域
educoder实训平台-----创建文本区域第1关:textarea控件相关概念CBDAB第2关:创建文本域<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title>设置文本域</title> </head> <body> <form action="" method="post"> 请输原创 2021-12-04 12:01:09 · 512 阅读 · 0 评论 -
educoder实训平台-----对表单进行验证
educoder实训平台-----对表单进行验证第1关:表单验证相关的概念ACDBC第2关:非空校验<html> <head> <meta charset="utf-8"/> <title>设置非空校验</title> </head> <body> <form> 密码: <!-- ********* Begin ******* -->原创 2021-12-04 12:01:24 · 666 阅读 · 0 评论 -
educoder实训平台----页面结点元素
educoder实训平台----页面结点元素第1关:页面结点元素相关概念BCDAB第2关:section元素的使用<!DOCTYPE html><html> <head> <title>页面结点元素</title> <style type="text/css"> #Head{border-bottom:4px double #eee; tex原创 2021-12-02 11:54:19 · 583 阅读 · 0 评论 -
educoder实训平台-----给表单组件添加说明
educoder实训平台-----给表单组件添加说明第1关:label标签相关概念BCA第2关:给表单组件添加说明__单选框<!DOCTYPE html> <head> <meta charset="UTF-8"> <title>为表单的单选控件添加说明</title> </head> <body> <form> 国庆期间你最喜欢看的电影?<br/> <原创 2021-12-02 11:19:18 · 1912 阅读 · 0 评论 -
educoder实训平台----对表单元素分组
educoder实训平台----对表单元素分组第1关:分组元素相关的概念CDAB第2关:对表单元素分组<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>表单分组</title> </head><body> <form> <!-- ********* Begin *********原创 2021-12-02 11:16:32 · 266 阅读 · 0 评论 -
educoder实训平台---创建下拉列表
.educoder实训平台—创建下拉列表第1关:下拉列表控件相关概念DCCBA第2关:创建下拉列表<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title>创建下拉列表</title> </head> <body> <form action="" method="get"> <!-- ********原创 2021-12-02 11:14:25 · 543 阅读 · 0 评论 -
educoder实训平台-----创建输入控件
educoder实训平台-----创建输入控件第1关:input控件相关概念DBCAD第2关:创建文本框<html> <head> <meta charset="utf-8"/> <title>设置单行文本框</title> </head> <body> <form> 姓名: <!-- ********* Begin ******* -->原创 2021-12-02 11:11:52 · 1138 阅读 · 0 评论 -
educoder实训平台----表单的结构
educoder实训平台----表单的结构第1关:表单的基本概念DACBC第2关:学会设置action和method属性<!DOCTYPE html><html><body> <!-- ********* Begin ********* --><form name="selectForm" method="post" action="myselect.jsp"> <!-- ********* End *****原创 2021-12-02 11:08:27 · 542 阅读 · 0 评论 -
educoder实训平台----分组元素
educoder实训平台----分组元素第1关:分组元素相关的概念题BCDAD第2关:无序列表<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title>无序列表</title> </head> <body> <!-- ********* Begin ******* --> <ul>原创 2021-12-02 11:06:21 · 470 阅读 · 0 评论 -
educoder实训平台----文本层次语义元素、
educoder实训平台----文本层次语义元素、第1关:文本层次语义元素相关概念CADBB第2关:文本层次语义元素<!DOCTYPE html><html><head> <meta charset="UTF-8"></head><body><!-- ********* Begin ******* --><strong>重要通知:</strong><br/><原创 2021-12-02 11:03:05 · 283 阅读 · 0 评论 -
educoder实训平台----交互元素
educoder实训平台----交互元素第1关:交互元素相关概念ACBAB第2关:progress元素<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title>progerss元素的使用</title> </head> <body> 下载进度: <!-- ********* Begin ******* -->原创 2021-12-02 11:00:03 · 447 阅读 · 0 评论 -
educoder实训平台--结构元素*
educoder实训平台–结构元素第1关:文档结构元素相关概念AVCBAB第2关:header元素和article元素的应用<article> <header><h3>茗茶推荐——祁门红茶</h3></header> <p> 祁门红茶,茶叶原料选用当地的中叶,中生种茶树制作,是中国历史名茶,著名红茶精品。 </p> </a原创 2021-12-02 10:55:33 · 442 阅读 · 0 评论 -
educoder实训平台-web编程训练-html5-图像的运用
educoder实训平台-web编程训练-html5-图像的运用第1关:新媒体新闻网页的设计<!doctype html><html><head><meta charset="utf-8"><title>新媒体新闻网页的设计</title></head><!-- ********* Begin ********* --><body background="https://www.educod原创 2021-11-20 21:35:04 · 1410 阅读 · 0 评论 -
educoder实训平台web编程训练-html5-文本控制类标签
educoder实训平台web编程训练-html5-文本控制类标签第1关:html5-网页背景及标题段落标签<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>标题段落的设置</title> </head> <!-- ********* Begin ********* --> <body background=" h原创 2021-11-15 18:32:57 · 1405 阅读 · 0 评论 -
educoder实训平台web编程训练-html5-文档头部
web编程训练-html5-文档头部第1关:页面标题及字符集的设置```html <!DOCTYPE html><html> <head> <!-- ********* Begin ********* --> <title>设置标题</title> <meta charset="utf-8"/> <!-- ********* End ********* --> &l原创 2021-11-15 18:29:00 · 704 阅读 · 0 评论 -
educoder实训平台-----html5—表格高级样式的设置
educoder实训平台-----html5—表格高级样式的设置第1关:表格高级样式设置相关概念CABAD第2关:设置表格的外边框样式<html> <head> <meta charset="utf-8"/> <title>设置表格外边框属性</title> </head> <body> <!-- ********* Begin ******* --> <table wi原创 2021-11-28 13:18:19 · 669 阅读 · 0 评论 -
educoder平台实训----html5-表格基本结构
educoder平台实训----html5-表格基本结构第1关:网页表格的基本概念DBCDB第2关:创建简单的表格<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title>创建表格</title> </head> <body> <!-- ********* Begin ******* --> <ta原创 2021-11-28 13:13:33 · 565 阅读 · 0 评论 -
educoder平台实训---web编程训练-html5-超链接的应用
educoder平台实训—web编程训练-html5-超链接的应用第1关:创建热字超链接<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title>创建超链接</title> </head> <body> <!-- ********* Begin ******* --> <h2><a hre原创 2021-11-28 13:09:09 · 1240 阅读 · 0 评论