利用html/css设计一个简单个人主页

本次作业要求:
设计个人主页
利用html/css设计一个简单个人主页_第1张图片
我的代码及效果
效果
利用html/css设计一个简单个人主页_第2张图片

代码


<html>
<head>
<meta charset="utf-8">
<title>个人主页设计title>
<style type="text/css">
	.paragraph { background-image: url(wufan.jpg);
                 background-repeat: no-repeat;
				 background-position:80% 50%;
				 /*background-position:80% 95%*/
				 filter:alpha(opacity:30); opacity:1;}
style>

<style type="text/css">a {text-decoration: none}style>
	
head>

<body class="paragraph">
	<div>
		<center><h1>ACoder的个人主页h1>center>
		<marquee bgcolor="black" behavior="scroll">
			<font color="white" size="+1">欢迎来到ACoder的个人主页!font>
		marquee>
	div>
	
	
	
		<div>
		<h2 align="left">个人简历h2>
		<table border="2" bordercolor="black">
			<caption>ACoder的个人简历caption>
			<tr>
				<th rowspan="2" align="left"><img src="wufan.jpg" height="200" width="">img>th>
				<th>姓名th>
				<td align="center">xxxxtd>
				<th>性别th>
				<td align="center">td>
			tr>
			<tr>
				<th>政治面貌th>
				<td align="center">xxxtd>
				<th>出生日期th>
				<td align="center">1998-10-20td>
			tr>
			<tr>
				
				<th colspan="5">兴趣爱好th>
			tr>
			<tr>
				<td align="center">编程td>
				<td align="center">书法td>
				<td colspan="2" align="center">看武侠小说td>
				<td align="center">打羽毛球td>
			tr>
			<tr>
				<th colspan="5">个人csdn博客th>		
			tr>
			
			<tr>
				<td colspan="5" align="center"><a href="https://blog.csdn.net/cprimesplus">点击参观我的博客a>td>
			tr>
		table>
	div>
	<br>
	<div>
		<h2>友情链接h2>
		<a href="https://github.com/">githuba>
		<a href="www.baidu.com">baidua>
		<a href="https://mail.126.com/">126邮箱a>
		<a href="https://mail.163.com/">163邮箱a>
		<a href="https://mail.qq.com/">qq邮箱a>
	div>
	
	<br><HR>
	<div>
		作者:xxx 学校:xxx 个人邮箱:[email protected]
		<br>csdn:cprimesplus
	div>
	
body>
html>

你可能感兴趣的:(web编程)