web程序设计笔记(六)——公告栏


大家好 ! 我是【小黄】,因为我姓黄所以就叫小黄好了。
这博客是对自己学习和成长的一点点总结及记录,如果您对我写的还感兴趣 , 可以关注一下我的动态,我们一起学习 、共同成长和进步。

书本太薄写尽心中所想,却看不到来日方长。
杯盏太浅盛的下唇齿留香,却品不尽尘世沧桑。
余生太短,饮下杯中美酒,愿能忘却忧愁。
既然此生不能再回首,那就潇洒风流的向前走。
就算前路荆棘若虎口,至少还有我和温柔。
♡♡♡♡ ♡♡♡♡♡♡ ♡♡♡♡ ♡♡♡♡♡♡


创建时间:2020年9月27日

HTML 目录 :

1. 如何制作公告栏:

  • 编写过程都在代码里面了
  • 给代码加了注释,注意事项也写在代码里了方便大家查看

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<table>
			<tr>
				<td bgcolor="aquamarine">公告&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="">更多>>></a></td>
					<tbody>
						<tr><td align="left"></td><td align="right"><a href=""></a></td></tr>
					</tbody>
				</td>
			</tr>
			<tr>
				<!-- 在td里面嵌套一个表格 -->
				<td>
					<!-- 表格里面嵌套表格 -->
					<!-- 一般都是CSS加div做布局 -->
					<table>
						<tr>
							<!-- 一行两列 说明2个td-->
							<!-- 插入图片 -->
							<td><img src="../img/扫码_搜索联合传播样式-白色版.png" width="300" height="150" ></td>
							<td>
								<table>
									<!-- 里面有7行 说明有7个 -->
									<!--一定要记住 tbody 里面是 tr  ,tr 里面是 td  , td里面是内容-->
									<tr><td><a href="">11111</a></td></tr>
									<tr><td><a href="">11111</a></td></tr>
									<tr><td><a href="">11111</a></td></tr>
									<tr><td><a href="">11111</a></td></tr>
									<tr><td><a href="">11111</a></td></tr>
									<tr><td><a href="">11111</a></td></tr>
									<tr><td><a href="">11111</a></td></tr>					
								</table>
							</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
	</body>
</html>

在这里插入图片描述


各位路过的朋友,如果觉得可以学到些什么的话,点个赞 再走吧,欢迎各位路过的大佬评论,指正错误,也欢迎有问题的小伙伴评论留言,私信。

每个小伙伴的关注都是本人更新博客的动力!!!
请微信搜索【 在下小黄 】文章更新将在第一时间阅读 !
在这里插入图片描述

把握现在 ,展望未来 ,加油 !


由于水平有限 ,写的难免会有些不足之处 ,恳请各位大佬不吝赐教 !

猜你喜欢

转载自blog.csdn.net/weixin_44519789/article/details/108837499
今日推荐