Web前端第一季(HTML):十:课时 27 : 208-表格布局实战一整体布局控制+课时 28 : 209-表格布局实战二控制页头部和页面尾部+课时 29:210-表格布局实战三控制课程介绍的布局

最新推荐文章于 2024-07-10 14:03:37 发布
最新推荐文章于 2024-07-10 14:03:37 发布
阅读量93 收藏
点赞数
分类专栏： HTML5 文章标签： 前端 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40544338/article/details/120951531
版权

目录

一.目的

1.想：学习前端知识

2.想：记录笔记，下次不用看视频，直接看笔记就可以快速回忆。

二.参考

 1.我自己代码的GitHub网址

1.SIKI学院:我参考此视频实操

1.w3school官网:当做字典使用

1.菜鸟教程：当做字典使用

三.注意

四.操作:1:成功:课时 27 : 208-表格布局实战一整体布局控制

1.运行结果:成功：

四.操作:2:成功:课时 28 : 209-表格布局实战二控制页头部和页面尾部

1.运行结果:成功

四.操作:3:成功:课时 29 : 210-表格布局实战三控制课程介绍的布局

1.运行结果：成功

一.目的

1.想：学习前端知识

2.想：记录笔记，下次不用看视频，直接看笔记就可以快速回忆。

二.参考

 1.我自己代码的GitHub网址

​​​​​GitHub - xzy506670541/WebTest: SIKI学院的Web前端

1.SIKI学院:我参考此视频实操

登录 - SiKi学院 - 生命不息，学习不止！

  1. 我参考此视频实操

1.w3school官网:当做字典使用

w3school 在线教程

1.菜鸟教程：当做字典使用

菜鸟教程 - 学的不仅是技术，更是梦想！

三.注意

四.操作:1:成功:课时 27 : 208-表格布局实战一整体布局控制

1.运行结果:成功：

 

 

 

四.操作:2:成功:课时 28 : 209-表格布局实战二控制页头部和页面尾部

1.运行结果:成功

<!DOCTYPE html>
<html>
<head>
	<title>我是标题</title>	
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
	<!-- utf-8 gbk gb2012 -->
</head>
<body>

<table width="100%" > 

<tr bgcolor="#242424" height="100px">
	<td>
		<table width="100%" height="100%">
			<td width="100px"><img src="img/logo.png" height="50px"></td >
			<td width="70px"><font size="2" color="#DDDDDD">首页</td>
			<td width="70px"><font size="2" color="#DDDDDD">全部课程</td>
			<td width="70px"><font size="2" color="#DDDDDD">独立游戏</td>
			<td width="70px"><font size="2" color="#DDDDDD">Unity</td>
			<td width="70px"><font size="2" color="#DDDDDD">虚幻</td>
			<td width="70px"><font size="2" color="#DDDDDD">JavaEE</td>
			<td width="70px"><font size="2" color="#DDDDDD">Python人工智能</td>
			<td width="70px"><font size="2" color="#DDDDDD">微信小程序</td>
			<td width="70px"><font size="2" color="#DDDDDD">神秘</td>
			
			<td></td>
			<td width="70px"><font size="2" color="#DDDDDD">登录</font></td>
			<td width="70px"><font size="2" color="#DDDDDD">注册</font></td>
		</table>
	</td>
</tr>

<tr>
	<td>
	<table width="1000px" align="center">
	
	<tr>
		<td>
			<font size="2">首页&nbsp;&nbsp;/JavaEE&nbsp;&nbsp;/Web前端第一季（HTML）&nbsp;&nbsp;</font>
		</td>
	</tr>
	
	</table>
	</td>
</tr>

<tr>
	<td>3</td>
</tr>

<tr>
	<td>4</td>
</tr>

<tr width="200px" bgcolor="#000000" align="center">
	<td >
	<font color="#DDDDDD">课程存档<br/><br/><font>
	<font color="#DDDDDD">课程内容版权均归 SiKi学院 所有 京ICP备16046985号<br/><font>
</td>
</tr>



</table>

</body>
</html>

四.操作:3:成功:课时 29 : 210-表格布局实战三控制课程介绍的布局

1.运行结果：成功

<!DOCTYPE html>
<html>
<head>
	<title>我是标题</title>	
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
	<!-- utf-8 gbk gb2012 -->
</head>
<body>

<table width="100%" bgcolor="#DDDDDD" > 

<tr bgcolor="#242424" height="100px">
	<td>
		<table width="100%" height="100%">
			<td width="100px"><img src="img/logo.png" height="50px"></td >
			<td width="70px"><font size="2" color="#DDDDDD">首页</td>
			<td width="70px"><font size="2" color="#DDDDDD">全部课程</td>
			<td width="70px"><font size="2" color="#DDDDDD">独立游戏</td>
			<td width="70px"><font size="2" color="#DDDDDD">Unity</td>
			<td width="70px"><font size="2" color="#DDDDDD">虚幻</td>
			<td width="70px"><font size="2" color="#DDDDDD">JavaEE</td>
			<td width="70px"><font size="2" color="#DDDDDD">Python人工智能</td>
			<td width="70px"><font size="2" color="#DDDDDD">微信小程序</td>
			<td width="70px"><font size="2" color="#DDDDDD">神秘</td>
			
			<td></td>
			<td width="70px"><font size="2" color="#DDDDDD">登录</font></td>
			<td width="70px"><font size="2" color="#DDDDDD">注册</font></td>
		</table>
	</td>
</tr>

<tr>
	<td>
	<table width="1000px" align="center">	
	<tr>
		<td>
			<font size="2">首页&nbsp;&nbsp;/JavaEE&nbsp;&nbsp;/Web前端第一季（HTML）&nbsp;&nbsp;</font>
		</td>
	</tr>	
	</table>
	</td>
</tr>

<tr>
	<td>
	<table width="1000px" align="center">
	<tr><td colspan="3" align="center">已完成 26 / 44 任务 学习有效期 永久有效</td></tr>
	<tr height="15px"><td colspan="3" align="center" ></td></tr>
	<tr height="700px">
		<td width="600px" bgcolor="white">	
			<ul><!-- ol:有序列表 ul:无序列表 -->
				<li>101-为什么学习Web前端知识？ </li>
				<li> 102-什么是HTML？</li>
				<li> 103-安装工具和学习方法</li>
				<li>104-创建第一个网页文件 </li>
				<li> 105-网页的基本结构（标签的基本语法）</li>
				<li> 106-设置文档类型和网页编码</li>	
			</ul>
		</td>
	<td width="20px"></td><td width="280px" bgcolor="white"></td></tr>	
	
	</table>	
	
	</td>
</tr>

<tr>
	<td>4</td>
</tr>

<tr width="200px" bgcolor="#000000" align="center">
	<td >
	<font color="#DDDDDD">课程存档<br/><br/><font>
	<font color="#DDDDDD">课程内容版权均归 SiKi学院 所有 京ICP备16046985号<br/><font>
</td>
</tr>

</table>

</body>
</html>

 

Smart_zy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
2021年web前端开发视频教程零基础自学HTML/VUE/JS全栈项目实战全套课程
DaiMaGe3的博客
03-12 3558
【web前端开发课程介绍】： 随着移动互联网的深入发展，多屏互动和多端兼容友好的界面成为目前系统重要的需求，让前端开发工程师一跃成为目前市场紧俏的人才。 本课程内容包含目前的Vue、React前端框架，把全栈工程师要掌握的前端技术、Node.js相关后台技术、HTML5移动方向开发技术做了系统整合， 致力于培养中高等前端工程师。 为什么选择前端开发？ 1、专业无限制：计算机专业、非计算机专业占比3：4 2、适合零基础：专业、性别不限，没有基础也能学习 3、技术上手快：4个月，快速学习、系统掌握 4、职业生涯
J2EE实战视频教程:基于LigerUI+JBPM5自定义表单+Node.js的J2EE大型金融项目
北风网IT
09-19 2115
基于LigerUI+JBPM5自定义表单+Node.js的J2EE大型金融项目《财务预算系统》开发全程实录 适合人群：初级 课时数量：150课时 用到技术： nodejs SSH jscharts LigerUI Jpbm5.4 涉及项目：实际金融行业项目 咨询qq：1840215592 针对岗位: Java高级软件开发工程师，金融行业开发工程师， JBPM工作流开发工程师，Node
【自编教材】16万8千字的HTML+CSS基础 适合从0到1-可收藏
热门推荐
jason的java世界
12-12 1万+
目 录 第一章HTML基础 1.1 HTML简介和发展史 1.1.1 什么是HTML 1.1.2 HTML的发展历程 1.1.3 web标准 1.2 开发中常见概念解释 1.2.1前端 1.2.2后台 1.2.3 浏览器 1.3 纯文本和超文本的使用 1.4 开发工具的使用 1.4.1常见开发工具简介 1.4.2 Visual Studio Code 1.4.3 编写第一个HTML文件 1.5 HTML骨架 1.5.1 DTD 1.5.2 html标签 1.5.3 字符集 1.5.4 视口标签 1.5.5浏
J2EE实战视频教程:LigerUI+JBPM5+Node.js的J2EE大型金融项目
09-25 78
基于LigerUI+JBPM5自定义表单+Node.js的J2EE大型金融项目《财务预算系统》开发全程实录 适合人群：初级 课时数量：150课时 用到技术： nodejs SSH jscharts LigerUI Jpbm5.4 涉及项目：实际金融行业项目 咨询qq：1840215592 针对...
J2EE实战视频教程:基于LigerUI+JBPM5+Node.js的J2EE大型金融项目
weixin_30599769的博客
09-19 118
基于LigerUI+JBPM5自定义表单+Node.js的J2EE大型金融项目《财务预算系统》开发全程实录适合人群：初级课时数量：150课时用到技术： nodejs SSH jscharts LigerUI Jpbm5.4涉及项目：实际金融行业项目咨询qq：1840215592 针对岗位:Java高级软件开发工程师，金融行业开发工程师， JBPM工作流开发工程师，Node.js开发工程师。课程简...
J2EE金融项目开发实战视频教程
xiarilove的专栏
11-18 4449
J2EE大型金融项目实战 J2EE实战视频教程 JBPM工作流开发实例 Node.js开发实战 LigerUI视频教程 JBPM+Node.js+J2EE金融项目开发实战 Node.js视频教程_J2EE金融项目开发实战 J2EE实战视频教程:LigerUI+JBPM5+Node.js的J2EE大型金融项目 基于LigerUI+JBPM5自定义表单+Node.js的J2EE大型金融项目《财
Java架构师，大数据架构师，高并发设计模式，机器学习知识点分享
u014033218的专栏
09-14 6636
第一章：java精品课程目录大全 1、亿级流量电商详情页系统的大型高并发与高可用缓存架构实战 1课程介绍以及高并发高可用复杂系统中的缓存架构有哪些东西？32分钟 2基于大型电商网站中的商品详情页系统贯穿的授课思路介绍7分钟 3小型电商网站的商品详情页的页面静态化架构以及其缺陷11分钟
财务信息化 第一课时 XXXX-03-03.pptx
12-15
在第一课时中，主要讲解了以下几个关键知识点： 1. **用户管理**： - 用户（操作员）是能够登录系统并进行操作的人员。每个用户都有唯一的操作员编号，这是区分不同操作员的标识，且不能重复。姓名需真实，用于...
三菱PLC现场总线CC-link网络应用第28课时.硬件设定和软件设定
05-13
三菱PLC现场总线CC-link网络应用第28课时.硬件设定和软件设定
三菱PLC现场总线CC-link网络应用第27课时.输入输出信号、缓冲存储器
05-13
三菱PLC现场总线CC-link网络应用第27课时.输入输出信号、缓冲存储器
高考总复习政治练习：必修一第一单元第一课课时跟踪练-10页.pdf
11-22
高考总复习政治练习：必修一第一单元第一课课时跟踪练-10页.pdf
PPT：第六单元课题6-3二氧化碳和一氧化碳第一课时.ppt
10-22
PPT：第六单元课题6-3二氧化碳和一氧化碳第一课时.ppt
一个使用Go语言和现代Web技术构建跨平台桌面应用程序开源项目
yunmoon的博客
07-10 465
Wails作为一个桥梁，连接强大的Go后端逻辑与丰富的Web前端界面，允许开发者利用两者的最佳特性来开发应用。
Haproxy搭建Web群集
wkysdhr的博客
07-08 882
Haproxy 是目前比较流行的一种群集调度工具，同类群集调度工具有很多，如LVS 和Nginx。相比较而言，LVS 性能最好，但是搭建相对复杂;Nginx的upstream模块支持群集功能，但是对群集节点健康检查功能不强，高并发性能没有 Haproxy好。
Webkit简介以及工作流程
最新发布
读心悦
07-10 196
WebKit是一个开源的浏览器引擎，最初由苹果公司基于KHTML（K Desktop Environment的HTML渲染引擎）开发，并广泛应用于Safari浏览器。随着时间的推移，WebKit也被其他多款浏览器和应用所采用，成为Web技术生态中的重要一员。WebKit的核心功能包括解析HTML、CSS、JavaScript等网页内容，并将其渲染为可视化的网页页面。它主要由WebCore（负责HTML解析、CSS样式计算和布局）和JavaScriptCore（负责JavaScript解释执行）两大部分组成。
JS混淆基本类型和原理
朴拙科技的博客
07-06 713
混淆技术为JS代码提供了一定程度的保护，但同时也给代码的维护和逆向工程带来了挑战。了解和掌握这些混淆技术的原理和解析方法，可以帮助开发者更好地保护或理解JS代码。然而，需要注意的是，混淆并不是万无一失的安全措施，它更多的是增加了攻击者理解代码的难度。在进行逆向工程时，应始终遵守法律法规，尊重知识产权，不要用于非法目的。
​​ 翻页 上一页/下一页
szzlh123456789的博客
07-09 234
【代码】​​ 翻页 上一页/下一页。
音乐播放器
m0_73755059的博客
07-05 742
【代码】音乐播放器。
公开课：Python-程序语言入门-教案最新文档.doc
12-01
此外，学生还将学习第一个程序——“我爱吃香蕉”，以及学会如何查询程序错误和修正它们，还将学习第二个程序——猜数字游戏，并且解答课堂习题。 在教学过程中，我们将重点培养学生对编程的浓厚兴趣，因为只有对...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值