HTML个人简介

最新推荐文章于 2024-06-14 08:08:55 发布
最新推荐文章于 2024-06-14 08:08:55 发布
阅读量1.9w 收藏 98
点赞数 13
原文链接：http://www.cnblogs.com/lmayw0314/p/10524943.html
版权

 

 

 

<!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>

HTML设计个人简介部分：

 

</head>
<body>
<div>

<table width="800" align="center">
<tr>
<td align="center"style="font-family:STHupo;font-size:300%;color:red"><p><i>个人简历</p></i>
<hr width="1000" align="left">
<img src = "C:\Users\l\Desktop\p.jpg" width="110"height = "130" align="right">
</td>

</tr>
</table>

<table align="center" width= "800">
<tr>
<td style="color:red;font-family/;YouYuan"><b>姓名： 李萌</b></td>
<td width = "100" height = "60"></td>
<td style="color:red;font-family/;YouYuan"><b>性别： 女</b></td>
<td width = "100" height = "60"></td>
<td style="color:red;font-family/;YouYuan"><b>民族： 汉</b></td>
<td width = "100" height = "50"></td>
</tr>
<tr>
<td style="color:red;font-family/;YouYuan"><b>出生日期：1998.5.21</b></td>
<td width = "100" height = '50'</td>
<td style="color:red;font-family/;YouYuan"><b>电话：18597165157</b></td>
<td width = "100" height = "50"></td>
<td style="color:red;font-family/;YouYuan"><b>邮箱：2120039596@qq.com</b></td>
<td width = "100" height = "50"></td>
</tr>
<tr>
<tr>
<td style="color:red;font-family/;YouYuan"><b>年级：2017级</td></b>
<td width = "100" height = '50'</td>
<td style="color:red;font-family/;YouYuan"><b>班级：173班</td></b>
<td width = "100" height = "50"></td>
<td style="color:red;font-family/;YouYuan"><b>学号：1700802100</td></b>
<td width = "100" height = "50"></td>
</tr>
<tr>
<td style="color:red;font-family/;YouYuan"><b>专业：计算机</td></b>
<td width = "100" height = "50"></td>
<td style="color:red;font-family/;YouYuan"><b>院校：青海大学</td></b>
<td width = "100" height = "50"></td>
</tr>
</table>
<hr width="1000" align="center">
<table align="center" width= "800">
<tr>
<td style="color:red;font-family/;YouYuan"><b>个人经历：</b>大学生要有大学生的朝气，我们承载着希望，我很要有激情。学习之余要锻炼自己。积极参加活动。大学生要有大学生的朝气，我们承载着希望，我很要有激情。学习之余要锻炼自己。积极参加活动</td>
<td width="100"height = "50"></td>
<td style="color:red;font-family/;YouYuan"><b>兴趣爱好：</b>大学生要有大学生的朝气，我们承载着希望，我很要有激情。学习之余要锻炼自己。积极参加活动。大学生要有大学生的朝气，我们承载着希望，我很要有激情。学习之余要锻炼自己。积极参加活动。</td>
<td width="100" height = "50"></td>
</table>
<hr width="1000" align="center">
</hr>
</table>
</div>

音频视频部分：
<embed src="天份.mp3" hidden="false" autostart="true" loop="false">
<p>
<embed src="intro.mp4" autostart="false" width="300" height="500">
</p>
</body>

css加入背景图部分：

<style >

body {
border:50px;
border-radius:5px;


background-image:url("q1.jpg");
position:80px;
background-size:50% auto;
width:50%;
height:50%;
margin-left:auto;
margin-right:auto
}

</style>

</body>
</html>

 

 

网页链接：file:///C:/Users/l/Desktop/个人简介.html

转载于:https://www.cnblogs.com/lmayw0314/p/10524943.html

weixin_30302609
关注
  • 13
    点赞
  • 踩
  • 98
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
博主推荐HTML制作一个美观的个人简介网页（附源码）
05-13
HTML制作一个美观的个人简介网页，利用HTML制作一个美观的个人简介网页，可以在这个基础上修改自己的个人简介信息，然后直接使用，可以直接运行，兼容pc端web和手机端web；
纯HTML个人简历超简洁模板
zhao19990816的博客
01-30 1万+
纯HTML个人简历超简洁模板 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=<device-width>, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"&
个人简介网页设计html
最新发布
m0_67912929的博客
06-14 300
张三的LinkedIn</a></p><p>邮箱: <a href="mailto:zhangsan@example.com">zhangsan@example.com</a></p><p>电话: <a href="tel:123-456-7890">123-456-7890版权所有 © 2024 张三
html制作好看的个人简历(附源码)
xcLeigh
03-29 3万+
html制作好看的个人简历(附源码)，代码简单，通俗易懂，html实现好看的个人简历，界面酷炫，简洁明了，附件源码，下载后直接使用，可以用文本、工具（vscode，Hbuilder，dw）打开编辑自己的相关信息，也可在此框架下，扩展更多其他效果。
html简洁漂亮的个人简历,个人主页，个人简介网页版(源码)
BASK2312的博客
05-19 1万+
动态的朦胧天空背景图，可以配置个人职业技能，大图标，姓名，年龄，性别，手机号，邮箱，qq号，居住地，户籍，学历，学校，专业等信息，也可以扩展新的。动态的朦胧天空背景图，可以配置自己的图标，个人名言，名字，职称，邮箱，手机号，工作地址等信息，也可以扩展新的。动态的科技线路背景图，可以配置个人工作过的公司，工作的时间，负责的项目，开发工具等信息，也可以扩展新的。动态的科技线路背景图，可以配置个人教育的学校，时间，几学到的东西等信息，也可以扩展新的。出来，个人的掌握的工具，及熟练度等信息，也可以扩展新的。
HTML实现个人简历
weixin_59269336的博客
08-20 2万+
<!DOCTYPE html> <!DOCTYPE html> <html> <head lang="zh-CN"> <meta charset="utf-8"> <title>个人简历</title> <style type="text/css"> #person_photo { background-color: #f2f2f2; } #email,#phone { font-s
html个人简介的zip压缩包
05-05
在这个"html个人简介的zip压缩包"中，我们可以推断出它包含了一个或多个HTML文件，用于创建一个个人简介的网页。 在前端开发中，HTML是基础，它定义了网页的结构和内容，如段落、标题、图像和链接等。配合CSS...
Html个人简介网站模板
07-05
HTML个人简介网站模板是用于创建个人在线简历或展示个人作品集的一种网页设计。它通常包含预设的布局、样式和元素，使得用户无需从零开始编写代码就能快速构建一个具有专业外观的个人网站。这样的模板通常包括头部...
html 个人简介
12-24
很好啊！这是用html做的个人简介！很有用啊！
网页版个人简介HTML文件
06-24
网页版个人简介HTML文件是一种将个人信息以网页形式展示的方式，它使用HTML（HyperText Markup Language）语言编写，这种语言是创建网页的标准标记语言。通过HTML，我们可以构建结构化的页面，并结合CSS（Cascading ...
html制作个人简历
m0_64242574的博客
05-18 2万+
前几天我为大家介绍了些html的标签，利用这些标签咱们可以简单制作个简历，来巩固知识。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>个人简历</title> </head> <body background="01bb62571600ba32f8758c9b79b318.jpg@2o.jpg">
html实现好看的个人介绍，个人主页模板1(附源码)
xcLeigh
06-16 1万+
html实现好看的个人介绍，个人主页模板1(附源码)，html源码下载，响应式布局，动态展示数据效果，界面整洁，布局清晰。代码备注详细，可在此基础上更加完善功能，打造属于自己的个人介绍主页。
用HTML/CSS制作一个美观的个人简介网页——学习周记1
weixin_54919878的博客
03-09 5万+
本文介绍了如何使用HTML制作个人简介的网页。主要内容包含html与css：背景、图片、透明框、标题与段落标题、布局、音频、链接等设置...
html实现好看的个人介绍，个人主页模板5(附源码)
xcLeigh
06-18 1万+
html实现好看的个人介绍，个人主页模板5(附源码)，第五种风格，html源码下载，响应式布局，动态展示数据效果，界面整洁，布局清晰。代码备注详细，可在此基础上更加完善功能，打造属于自己的个人介绍主页。
【HTML】做一个HTML的个人简介页面
Austin_Yan的博客
07-15 2万+
文章目录布局头像旋转文字排版绘制矩形禁用左右键和F12图片链接飘雪效果 我的hexo博客是看的大神教程一步步做的,然后所以我的about界面,也准备仿着大佬的做，之前根本没学过web的前端，只接触过xaml这种带标签的设计语言… 布局 设计这个东西还是比较难得,我就直接没有设计,布局是照着别人的抄的,虽然实现是自己实现的，但是如果还是侵权的话，联系我删除 大佬的about界面 最上层,旋转的头像、昵称、生日等信息 中间左半部分，技能和占比 中间右半部分，个人的简介 底部，图片链接 最底部，版权信息、博客链
大学生个人网页设计 HTML个人网页制作 web个人网站模板 简单静态HTML个人网页作品
HTML网页设计
07-31 6万+
🧑个人网页设计、🙋‍♂️个人简历制作、👨‍💼简单静态HTML个人网页作品、👨‍🏭个人介绍网站模板 、等网站的设计与制作。⭐个人网页设计网站模板采用DIV CSS布局制作，网页作品有多个页面，如 :个人介绍（文字页面）、我的作品（图片列表）、个人技能（图文页面）、在线留言（表单页面）CSS样式方面网页整体采用左右布局结构，制作了网页背景图片，导航区域每个导航背景色不同，导航背景色与页面背景呼应。🏅 一套A+的网页应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大...
【博主推荐】HTML制作一个美观的个人简介网页（附源码）
热门推荐
xcLeigh
05-13 6万+
文章目录HTML制作一个美观的个人简介网页模块1（个人信息）示例图模块2（基本资料）示例图模块3（项目经验）示例图模块4（专业技能）示例图模块5（工作经历）示例图模块6（自我评价）示例图模块7（联系方式）示例图整体示意图源码地址 HTML制作一个美观的个人简介网页 利用HTML制作一个美观的个人简介网页，可以在这个基础上修改自己的个人简介信息，然后直接使用，可以直接运行，兼容pc端web和手机端web 模块1（个人信息）示例图 用于展示个人简介主题信息，采用背景图+文字的效果 <div class=
HTML设计个人简历
weixin_56397668的博客
03-05 638
设计个人简历主要是用到合并单元格，完成对简历的设计。
csshtml个人简介 要求河北师范大学学生简介包含5个超链接
05-30
好的，下面是一个CSS和HTML的个人简介示例，其中包含5个超链接，我以假设你的名字为张三为例： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>张三的个人简介</title> <style> body { font-family: Arial, sans-serif; background-color: #f2f2f2; margin: 0; padding: 0; } h1 { font-size: 36px; text-align: center; margin-top: 50px; } p { font-size: 18px; line-height: 1.5; margin: 20px; } a { color: #0066cc; text-decoration: none; } a:hover { text-decoration: underline; } </style> </head> <body> <h1>张三的个人简介</h1> <p>大家好，我叫张三，是一名河北师范大学的学生。我热爱学习和探索新的知识领域，目前正在学习计算机科学和技术。我对编程和数据分析特别感兴趣，希望未来能够成为一名优秀的程序员。</p> <p>以下是我的5个超链接，欢迎点击查看：</p> <ul> <li><a href="https://www.hebtu.edu.cn/">河北师范大学官网</a></li> <li><a href="https://www.github.com/">GitHub</a></li> <li><a href="https://www.coursera.org/">Coursera</a></li> <li><a href="https://www.kaggle.com/">Kaggle</a></li> <li><a href="https://www.linkedin.com/">LinkedIn</a></li> </ul> </body> </html> ``` 上述代码中，我添加了一个无序列表，其中包含5个超链接，分别指向河北师范大学官网、GitHub、Coursera、Kaggle和LinkedIn网站。你可以根据自己的需要修改这些链接，使它们指向你感兴趣的网站。希望对你有所帮助！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值