个人名片

<!doctype html>
<html><head><meta charset="utf-8"><title>个人名片</title></head><link rel="stylesheet" href="css/style.css"><body><div><h1 style="color:blue">姓名</h1><img src="data:image/n.jpg" width="150" height="200"><p>sust学生</p></div><div><h2>我的爱好</h2><ul><li id="hello">写代码</li><li class="world">乒乓球</li><img src="data:image/p.jpg" width="150" height="200"><li>看综艺</li><li>玩游戏</li></ul></div><div><h2>我的学习经历和梦想</h2><ol><li>y中学</li><li>sust大学</li><li><a href="https://www.qq.com/">腾讯</a></li></ol></div></body>
</html>

还需要的配置

css文件里面是

代码

/*元素选择器*/
h2{color: aquamarine;
}
/*id选择器*/
#hello{color: red;
}
/*类选择器*/
li.world{color: red;
}
h1{text-align: center;/*居中*/font-size: 100px;/*字体大小*/
}
body{background-image: url("../image/n.jpg");
}
div.hobby li:hover{color: blue;
}

image里面是一些图片(图片随便放，只要图片名称和代码中的一致即可)

最后就在tomcat/webapps目录下，放进去，启动tomcat，就可以看到成果。

HTML简单练习——个人名片相关推荐

python简单的小程序_Python简单小程序---名片简易系统
Python简单小程序---名片简易系统主程序功能代码 import cards_tools while True: cards_tools.show_meun() action = int(inp ...
java web简单的网上名片管理系统
java web简单的网上名片管理系统实现名片的增删查改以及回收站中信息的还原与彻底删除 1.登录注册页面 <%@ page language="java" content ...
python简单名片管理器,一个简单的Python名片管理系统
字符串和列表学完,自己试着写了一个非常简单的Python名片管理系统. 新萌尝试,大佬们不要喷. 修改名片的功能我偷了个懒,因为我不知道怎么通过定义下标,然后通过下标来修改列表内的字符串. 我的思路是 ...
二维码名片的格式 - vcard
转自:http://blog.csdn.net/johnsuna/article/details/8482454 二维码名片的格式 - vcard 如果你希望生成的二维码名片可以被智能设备识别,并可以 ...
JavaWeb名片管理系统设计及详细分析
目录 1.系统设计前准备: 2.注册页面: 3.增加页面: 4.删除页面: 5.修改页面: 6.查询页面: 7.回收站页面: 8.功能主页面: 题目:设计一个简单的网上名片管理系统,实现名片的增.删. ...
vcard规范二维码名片的格式
转自:http://blog.csdn.net/johnsuna/article/details/8482454 二维码名片的格式 - vcard 如果你希望生成的二维码名片可以被智能设备识别,并可以 ...
Android中可通过二维码扫描，直接显示个人名片信息，而且可以点击添加，调用系统的添加联系人功能
微信小程序出来后,出来了一个快速发名片的小程序,他会根据用户的信息生成一张二维码图片,用户扫描之后,就会读取二维码里面的数据,之后调用系统的名片展示界面,之后就可以添加联系人了.开始看到时,还挺好奇的 ...
【转】二维码名片的格式 - vcard
如果你希望生成的二维码名片可以被智能设备识别,并可以直接导入到通讯录中,那么就应遵循某种标准格式.常见的是生成vcard标准格式.一个简单的vcard名片格式例子参考如下: BEGIN:VCARD V ...
华为谷歌android 6.0是什么,盘点那些用上Android 6.0的手机
目前市面上大多数智能手机运行的都是Android系统,这些年来Android系统也是在不断地升级中.终于在今年的9月30日,广大用户迎来了Android 6.0版本,这个代号为棉花糖的新系统在UI设计 ...

HTML简单练习——个人名片

个人名片

HTML简单练习——个人名片相关推荐

最新文章

热门文章