html 1-10节

于 2020-09-06 21:51:54 发布
阅读量257 收藏
点赞数
分类专栏： postgres
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41081716/article/details/108433461
版权

网页主体可见的内容，要展示的内容往body里写；

根标签：html，子标签：head，body

h代表标题，p代表段落，ttitle是网页显示的名称；

打开记事本，把html文件拖进记事本，这样可以更改保存，边更改边刷新网页 

自结束标签：img、input只有开始标签，没有结束标签

注释：

属性： 

文档声明：

 进制

 

 字符编码

ASCII：美国的；ISO88591：欧洲的；GB2312：国标；GBK：国标扩展；utf-8：万国码

 

静听山水
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
30节--HTML基础笔记.rar
02-02
"30节--HTML基础笔记.rar"很可能是一个包含了一系列关于HTML基础知识的教程或笔记的压缩文件，适合初学者学习和进阶者复习。下面将详细阐述HTML的一些核心概念和重要知识点。 1. **HTML结构**：HTML文档由一系列...
html中的select标签
u010746364的博客
11-29 391
上海 北京 广州 深圳 杭州 这里默认选择了深圳
HTML标签【1-10】
张俊辉
02-17 485
脚本标签只有一行也得成对用，<script>...</script> 正确，而<script/> 错误。首先考虑浏览器支持问题！【IE、Firefox、Chrome、Safari、Qpera】 1. <!--...--> ：解释代码或隐藏浏览器不支持的脚本标签。不支持任何标准属性和事件属性。 2. <a>...</a> : href属性（不使用则不可以使用：download, hreflan
js实现数字从1动态递增到10
热门推荐
caimingxian401的博客
08-21 2万+
js实现数字从1动态递增到10 0 var num = 0; var t = setInterval(function(){ num++; var span1 = document.getElementById("span1"); span1.innerText = nu
01【html和css】1/10
南北极之间
05-07 206
============ ============= ==================================== ============================ ===================== ===========...
HTML情人节表白-创意-可编辑
12-27
1. 结构与布局：HTML的基本结构包括`<!DOCTYPE html>`声明、`<html>`元素、`<head>`元素和`<body>`元素。在表白页面中，`<head>`部分可以用来设置页面标题、引入CSS样式表和JavaScript脚本，而`<body>`部分则包含...
JavaScript-端午节大礼包
06-01
1. DOM操作：HTML文件的功能实现往往离不开JavaScript对DOM（文档对象模型）的操作。通过`document.getElementById`、`document.querySelector`或`document.querySelectorAll`等方法，可以选取页面上的元素进行修改...
简单的情人节 HTML 页面的示例代码
02-15
1. **基本结构**：HTML页面通常由`<!DOCTYPE html>`声明开始，接着是`<html>`标签，它包含了整个页面的上下文。`<head>`部分包含元数据，如页面标题、字符集设定等，而`<body>`则包含可见的网页内容。 2. **头部...
2022圣诞节html圣诞树飘雪效果
12-02
在本项目中，"2022圣诞节html圣诞树飘雪效果"是一个使用HTML、CSS和JavaScript技术实现的网页特效，特别适用于圣诞节期间为网站增添节日氛围。这个特效包括一个动态的圣诞树以及飘落的雪花，使得网页看起来如同真实...
蒙牛智能化改造解决方案.docx
08-17
蒙牛智能化改造解决方案.docx
java基于ssm+jsp BS架构的学生档案管理系统源码 带毕业论文
08-17
【资源说明】 1、开发环境：ssm框架；内含Mysql数据库；JSP技术 2、该资源包括项目的全部源码，下载可以直接使用！ 3、本项目适合作为计算机、数学、电子信息等专业的课程设计、期末大作业和毕设项目，作为参考资料学习借鉴。 4、本资源作为“参考资料”如果需要实现其他功能，需要能看懂代码，并且热爱钻研，自行调试。
机械行业数字化生产供应链产品解决方案.pdf
08-17
机械行业数字化生产供应链产品解决方案.pdf
基于python的个人博客系统的设计与实现代码（包含数据库）
08-17
基于python的个人博客系统的设计与实现代码（包含数据库），含有代码注释，新手也可看懂，个人手打98分项目，导师非常认可的高分项目，毕业设计、期末大作业和课程设计高分必看，下载下来，简单部署，就可以使用。 基于python的个人博客系统的设计与实现代码（包含数据库），含有代码注释，新手也可看懂，个人手打98分项目，导师非常认可的高分项目，毕业设计、期末大作业和课程设计高分必看，下载下来，简单部署，就可以使用。 基于python的个人博客系统的设计与实现代码（包含数据库），含有代码注释，新手也可看懂，个人手打98分项目，导师非常认可的高分项目，毕业设计、期末大作业和课程设计高分必看，下载下来，简单部署，就可以使用。 基于python的个人博客系统的设计与实现代码（包含数据库），含有代码注释，新手也可看懂，个人手打98分项目，导师非常认可的高分项目，毕业设计、期末大作业和课程设计高分必看，下载下来，简单部署，就可以使用。 基于python的个人博客系统的设计与实现代码（包含数据库），含有代码注释，新手也可看懂，个人手打98分项目，导师非常认可的高分项目，毕业设计、期末大作业和课程设
某集团数字化信息管理平台解决方案.pdf
08-17
某集团数字化信息管理平台解决方案.pdf
财务系统-会计帐表系统.xls
最新发布
08-17
工资表，财务报表，对账表，付款申请，财务报告，费用支出表 适用人群：学习不同技术领域的小白或进阶学习者；可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
纸盒九十度转角贴标_机械3D图可修改打包下载.zip
08-17
纸盒九十度转角贴标_机械3D图可修改打包下载.zip
麦肯锡-_业务能力架构设计规划咨询项目.docx
08-17
麦肯锡-_业务能力架构设计规划咨询项目.docx
大模型so-large-language-model.zip
08-17
【资源简介】 大模型基础: 一文了解大模型基础知识 项目将以斯坦福大学大规模语言模型课程和李宏毅生成式AI课程为基础，结合来自开源贡献者的补充和完善，以及对前沿大模型知识的及时更新，为读者提供较为全面而深入的理论知识和实践方法。
java基于ssm+jsp“镜头人生”约拍网站管理系统源码 带毕业论文
08-17
【资源说明】 1、开发环境：ssm框架；内含Mysql数据库；JSP技术 2、该资源包括项目的全部源码，下载可以直接使用！ 3、本项目适合作为计算机、数学、电子信息等专业的课程设计、期末大作业和毕设项目，作为参考资料学习借鉴。 4、本资源作为“参考资料”如果需要实现其他功能，需要能看懂代码，并且热爱钻研，自行调试。
使用v-for指令循环遍历课表数据，渲染效果如下 1-10周(1-5节)-星期一-软件测试基础-本部-实222 9-16周(6-9节)-星期一-大数据系统综合运用-本部-实333 9-16周(6-9节)-星期二-大数据系统综合运用-本部-实333 9-16周(1-4节)-星期三-大数据系统综合运用-本部-实333 9-18周(10-13节)-星期三-Vue应用程序开发-本部-实222 请输入完整代码
06-13
假设课表数据存储在一个数组 `timetable` 中，每个元素是一个对象，包含以下属性： - `week`：课程周数，例如 `"1-10周"`。 - `time`：上课时间，例如 `"1-5节"`。 - `day`：上课日期，例如 `"星期一"`。 - `name`：课程名称，例如 `"软件测试基础"`。 - `location`：上课地点，例如 `"本部-实222"`。 可以使用如下代码渲染课表： ```html <table> <thead> <tr> <th>时间</th> <th>星期一</th> <th>星期二</th> <th>星期三</th> <th>星期四</th> <th>星期五</th> </tr> </thead> <tbody> <tr v-for="time in ['1-2节', '3-4节', '5-6节', '7-8节', '9-10节', '11-12节', '13-14节']"> <td>{{ time }}</td> <td v-for="day in ['星期一', '星期二', '星期三', '星期四', '星期五']"> <span v-for="course in timetable" v-if="course.time === time && course.day === day"> {{ course.week }}-{{ course.time }}-{{ course.day }}-{{ course.name }}-{{ course.location }}<br> </span> </td> </tr> </tbody> </table> ``` 这里使用了两个嵌套的 `v-for` 指令，第一个指令循环遍历上课时间，第二个指令循环遍历上课日期。内部再使用一个 `v-for` 指令过滤出符合条件的课程，渲染出课程信息。注意要使用 `v-if` 指令判断课程的上课时间和日期是否与当前循环到的时间和日期相同。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值