HTML初学（简单html文件、简单表格布局）

作业a

代码

<!doctype html>
<html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus®"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Description" content=""><title>下终南山过斛斯山人宿置酒</title></head><!-- 红色字体，背景图片不重复、位置固定、达到窗口100%的比例 --><body background="b3.jpg" style="color:redbackground-repeat:no-repeat;background-attachment:fixed;background-size:100% 100%;"><p><!-- 文本居中 --><div style="text-align:center">下终南山过斛斯山人宿置酒</div><div style="text-align:center">唐·李白</div></p><hr><p><div style="text-align:center">暮从碧山下，山月随人归。</div><div style="text-align:center">却顾所来径，苍苍横翠微。</div><div style="text-align:center">相携及田家，童稚开荆扉。</div><div style="text-align:center">绿竹入幽径，青萝抚行衣。</div><div style="text-align:center">欢言得所憩，美酒聊共挥。</div><div style="text-align:center">长歌吟松风，曲尽河星稀。</div><div style="text-align:center">我醉君复乐，陶然共忘机。</div></p></body>
</html>

效果图

作业b

代码

<!doctype html>
<html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus®"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Description" content=""><title>表格布局</title></head><body><!-- 居中，白色字体，大小为30px，加两种阴影 --><div style="text-align:center;color:white; font-size:30px; text-shadow:5px 5px 5px purple, 0px 0px 2px black">不想学辣！</div><!-- 表格边框粗细程度为1，居中，宽800px，高300px --><table border="1" align="center" width="680px" height="300px"><!-- 添加图片 --><tr><td rowspan="4"><img src="b4.jpg" width="500px"/></td></tr><tr><!-- italic为斜体 --><td style="font-size:20px; color:gold; font-style:italic" colspan="2" align="center">毁灭吧，我累了。</td></tr><tr> <!-- <u></u>用于加下划线 --><td style="font-size:20px; color:hotpink" align="center"><u>打游戏</u></td><td style="font-size:20px; color:hotpink" align="center"><u>看漫画</u></td></tr><tr><td style="font-size:20px; color:hotpink" align="center"><u>读小说</u></td><td style="font-size:20px; color:hotpink" align="center"><u>听音乐</u></td></tr></table></body>
</html>

效果图

图片均来源于网络

HTML初学（简单html文件、简单表格布局）相关推荐

android简单实现表格布局,Android开发中TableLayout表格布局
Android开发中TableLayout表格布局一.引言在移动端应用程序开发中,常常会使用到表格布局,iOS和Android开发框架中都提供了独立的表格视图控件供开发者使用,例如iOS中的UIT ...
HTML5+CSS大作业——简单的程序员个人博客(7页) 大学个人博客网页制作教程表格布局网页模板
HTML5+CSS大作业--简单的程序员个人博客(7页) 大学个人博客网页制作教程表格布局网页模板常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家 ...
HTML5期末大作业：淘宝网站设计——仿2021淘宝首页(1页) 大学生网页制作教程表格布局网页模板学生HTML静态水网页设计作业成品简单网页制作代码学生商城网页作品免费设计
HTML5期末大作业:淘宝网站设计--仿2021淘宝首页(1页) 大学生网页制作教程表格布局网页模板学生HTML静态水网页设计作业成品简单网页制作代码学生商城网页作品免费设计常见网页设计作业 ...
ASP.NET Core Razor 布局视图 - ASP.NET Core 基础教程 - 简单教程，简单编程
ASP.NET Core Razor 布局视图 - ASP.NET Core 基础教程 - 简单教程,简单编程原文:ASP.NET Core Razor 布局视图 - ASP.NET Core 基础 ...
使用SDK查看apk文件简单信息：包名、版本
使用SDK查看apk文件简单信息:包名.版本具体步骤: 1.找到sdk的build-tools文件夹 2.进入到里面的一个版本,在当前文件夹下打开cmd窗口 3.输入命令:aapt d badgin ...
python中年大叔学编程_中年大叔学编程-Python简单操作文件
原标题:中年大叔学编程-Python简单操作文件在计算机中,经常打交道的就是各种文档,用得比较多的软件就是office和记事本来操作文件,那么我们试试用Python来简单读写文件. Open函数的用 ...
简述php中文件上传过程,简单php文件上传详细说明
关于文件上传我们讲了很多,这只是一款最基本的简单的文件上传功能,同时本教程也介绍了关于上传的原理以及各种函数的使用与file的参数说明,以及php.ihi设置上传文件大小配置等. 1 如果实现小文件 ...
简单网页设计之表格版
简单网页设计之表格版 <html> <meta http-equiv=Content-Type content="text/html; charset=UTF-8" ...
使用jspsmartupload完成简单的文件上传系统
请不要妄想,一个html的file控件,再加上JavaScript与jQuery语句就可以完成文件上传, 文件上传系统从来是需要配合服务器来完成的用户把自己的文件上传到服务器上文件上传系统是很复杂 ...
php mysql生成excel文件,PHP导出MySQL数据到Excel文件简单示例
这篇文章主要为大家详细介绍了PHP导出MySQL数据到Excel文件简单示例,具有一定的参考价值,可以用来参考一下. 对phpPHP导出MySQL数据到Excel文件简单示例感兴趣的小伙伴,下面一起跟 ...

HTML初学（简单html文件、简单表格布局）

作业a

代码

效果图

作业b

代码

效果图

图片均来源于网络

HTML初学（简单html文件、简单表格布局）相关推荐

最新文章

热门文章