admin 管理员组文章数量: 1184232
2024年6月12日发(作者：setting是什么意思啊)
Web前端开发教案
第一讲：
HTML基础与布局元素
教学目标与要求：
1．
2．
3．
4．
了解web基本概念及HTML的发展史
使用HTML的基本结构创建网页
使用行级和块级标签组织页面内容
使用图像标签实现图文并茂的页面
教学主要内容、时间安排及教学方法与手段：
1-1 Web概述
1.1.1Web客户端技术
HTML
CSS
JavaScript
1.1.2 Web服务端技术
PHP
JSP
1-2 HTML基本结构
头部+正文
1-3 HTML头部元素
1-4 块级标签
基本块级标签
标题标签
段落标签
水平线标签
常用于布局的块级标签
有序列表标签
无序列表标签
表格
表单
分区标签
1-5行级标签
1-6 W3C标准
W3C：World Wide Web Consortium，万维网联盟
W3C的职能：负责制定和维护web行业标准
W3C标准包括：列的标准：
HTML内容方面：XHTML
样式美化方面：CSS
结构文档访问方面：DOM
页面交互方面：ECMAScript
重点和难点：
重点：
HTML 基本结构、块级标签、行级标签
难点：
使用
复习思考题、作业题：
任务1基本块级元素
使用HTML编辑工具，编写HTML代码，实现如图所示的页面效果
任务2用于布局的块级元素
编写HTML代码，实现如图所示的页面效果
任务3行级元素
编写HTML代码，实现如图所示的页面效果。
版权声明：本文标题：《Web前端开发》教案 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1718204805a718340.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
更多相关文章
关闭浏览器时实现用户登出（关闭页面时不登出）——全网最有用
1、 登录时设置cookie标志位try {const resultawait login({account: values.mobile,password: shajs(sha1).update(values.password).d
【11408学习记录】考研写作双核引擎：感谢信+建议信复合结构高分模板（附16年真题精讲）
感谢信建议信英语写作2016年考研英语（二）真题小作文题目分析写作思路第一段第二段锦囊妙句9：锦囊妙句12：锦囊妙句13：锦囊妙句
Win10 on ARM固件分区结构分析：图解说明部署步骤
深入Win10 on ARM固件世界：从分区结构到系统部署的实战图解你有没有遇到过这样的场景？手头有一块基于高通骁龙的ARM开发板，想刷个Windows 10&#
360WIFI登陆页面地址
360WIFI登陆页面地址：http:192.168.0.1initpc_index.html 转载于:https:my.oschinarootleeccblog647567
微信跳转手机外部浏览器打开指定页面
来源分析 商业分析在微信的使用人数已经高居各通讯APP的榜首的同时，微信成为了我国移动流量最大的平台之一。在次趋势的引导下，很多的商家、体户便抓住了这一机遇，利用微信这个渠
解决safari浏览器打开页面会报错` Invalid Date`问题
使用<nz-date-picker nzShowTime nzFormat"yyyy-MM-dd HH:mm:ss" formControlName"startDate"><nz
js检测页面是否在微信浏览器打开
function is_weixn(){var uanavigator.userAgent.toLowerCase();if(ua.match(MicroMessengeri) "micromessenger")
谷歌(chrome)浏览器不能自动播放视频video标签
问题：VIDEO播放视频只有声音不出现画面原因:视频格式有问题mp4的视频编码有三种：MPEG4(DivX),MPEG4(Xvid),AVC(H264)使用H264格式,视频播放正常问题&
Windows NT 2000系统内部通讯揭秘：_LPC协议与Ring0代码实践
Windows NT 2000 Ring0代码实现 跟这篇Windows NT2000下不用驱动的Ring0代码实现 是兄弟篇 玩转Windows dev(k)mem （p59-0x10） 创建时间：20
摆脱困扰，快速搞定WiFi光猫设置
只适用建平wifi光猫，目的是让光猫代替路由器进行拨号. 配置流程 1.连接光猫wifi或者插线，配置同网段ip后进入光猫管理地址： 光猫管理地址：192.168.100.1光猫高级模式帐号用户名：
Flash世界里的连通性：当B页面挂掉，如何通知A页面？
本题是 html 页面通信题，可以拆分成：A 页面打开 B 页面，A、B 页面通信方式？ B 页面正常关闭，如何通知 A 页面？ B 页面意外崩溃，又该如何通知 A 页面？A 页面打开
前端通信新路径：从A到B再到A的数据循环与刷新策略
过程拆分A页面中打开B页面，A，B页面通信方式？ B页面正常关闭，如何通知A页面？ B页面意外崩溃，如何通知A页面？A、B页面的通信方式url传参 localSt
优化PC文件夹权限设置，让Flash中心成为你的专属通道
Q ：用户使用的 PC 是工厂的共享 PC ，用户希望能够在该 PC 上设置某个文件夹的权限来保证只有一部分登录到该计
小心别上当，揭秘360随身WiFi的钓鱼WiFi和它背后的密码
我也是最近因为余弦大大的推荐才关注了信安之路，可以感受到他们对于信安的热爱与认真，遂想与其观望别人，不如自己也加入进来，与大家分享自己在学习上的一些东西，也希望大家指正不足。 搭建钓鱼 WiFi 来盗取账号密码已经成为一种很平
一文掌握：如何利用Adobe Flash Player制作令人惊艳的图片轮播效果
activity_main.xml <?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android=&qu
Vue开发者必学：一招搞定阻止A标签中键点击导致的新窗口开启问题。
当我们用鼠标中键点击一个带href属性的a标签时，我们会发现它会跳转到新的页面。此时即使添加preventDefault属性也没有用。因为对于a标签，当用中键点击时，会默认从新窗口打开链接 要想阻止这一行为，我们可以将a标签转
在家也能畅享：BitComet内网BT下载技巧大公开
文飞翔鸟 BitComet是处于内网中的BT 爱好者首选的客户端软件。它拥有独特的内网互联技术，支持UpnP的NAT和Windows XP ，让处于内网中的朋友在下载的时候一样可以获得非常快的速度。在使用之
面对Blob的Excel导出难题？看这里就能获得快速开启文件的秘诀！
导出excel，文件打不开要注意responseType一定要设置returnaxios({url:'apiesbddidbexportexcel', url: 'test
从普通Excel到诡异Blob，解读导出问题并寻找解决之道
导出excel，文件打不开要注意responseType一定要设置returnaxios({url:'apiesbddidbexportexcel', url: 'test
无需技术知识，教你简单几步解决Windows 10文件夹图标混乱
Win10文件夹图标恢复默认图标的简单方法在Windows 10操作系统中，用户拥有高度的自定义权限，包括对文件夹图标的修改。许多用户为了个性化自己的电脑，会将文件夹图标改为自己喜欢的图案或图标。然而，随着时间的推移，有
发表评论