By GokiSoft.com| 20:17 11/10/2023|
Học HTML5 - CSS3

Bài tập - Tạo website giới thiệu thông tin cá nhân - profile page - Lập trình HTML/CSS/JS

Tạo website giới thiệu thông tin cá nhân - profile page - Lập trình HTML/CSS/JS

Ví dụ: Đây chỉ là demo -> Không phải bắt buộc giống -> Làm theo style của bạn.

Tags:



Phản hồi từ học viên

5

(Dựa trên đánh giá ngày hôm nay)

Nguyễn Minh Hiếu [community,C2010L]
Nguyễn Minh Hiếu

2021-01-26 14:19:23



<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="index.css">
    <title>My CV</title>
</head>
<body>
    <div class="body">
        <div class="container">
            <img src="hiuti2k.jpg">
            <h1>Nguyễn Minh Hiếu</h1>
            <h3>Ngày sinh: 29/08/2000</h3>
        </div>
        <div class="menu">
            <div class="left">
                <h2>Công việc</h2>
                <p>Sinh viên năm 3</p>
            </div>
        <div class="right">
            <h2>Thông tin liên hệ</h2>
            <p>https://www.facebook.com/chuckyti/</p>
            <p>Phone:0921063488</p>
        </div>
        </div>
        <div class="bottom">
            <button class="btn">Liên hệ tôi</button>
        </div>
    </div>
</body>
</html>




*{
    margin: 0;
    padding:0;
    font-family: tahoma,arial,sans-serif,'lucida grande';
}

.container img{
    margin-left: 300px;
    border-radius:60%;
}
.container h1{
   margin-left: 350px;
}
.container h3{
    margin-left: 400px;
}
.menu{
    margin-top: 30px;
}
.menu .left{
    width: 500px;
    margin-left: 140px;
    float: left;

}
.left p{
    margin-top: 20px;
}
.menu .right{
    float: left;
    width : 400px;
}
.right p{
    margin-top: 20px;
}
.bottom{
    margin-top: 200px ;
}
.bottom .btn{
    padding: 15px 50px;
    background-color: #6257c0;
    border-radius: 5px;
    font-size: 18px;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    margin-left: 360px;
}


Phạm Đăng Khoa [community,C2010L]
Phạm Đăng Khoa

2021-01-26 14:18:53



<!DOCTYPE html>
<html>
<head>
	<title>C2010L - Lesson 01 - HTML/CSS - Tutorial</title>
	<meta charset="utf-8"/>
</head>
<body style="background-image: url(https://www.wallpapertip.com/wmimgs/187-1874127_naruto-wallpaper-shisui.png); background-repeat: no-repeat; background-size: cover; color: white">
	<h1 style="color: white">Phạm Đăng Khoa</h1>
	<h2 style="color: white">Học lớp: C2010L</h1>
	<h2 style="color: white">Ngày sinh: 23/05/2000</h1>
	<a href="https://google.com">Google</a>
	<br/>
	<a href="https://zing.vn">Zing</a>
	<br/>
	<a href="https://24h.com.vn">24h</a>
	<p style="font-size:30px">
	&#128512; &#128516; &#128525; &#128151;
</p>
</body>
</html>


Bui Duy [community,C2010L]
Bui Duy

2021-01-26 14:18:43



<!DOCTYPE html>
<html>
<head>
	<title>Gioi thieu thong tin ca nhan</title>
</head>
<body style="background-color: #ccffcc; background-image: url(https://www.designyourway.net/blog/wp-content/uploads/2019/02/aesthetic-wallpaper-18-700x391.jpg); color: white">
</body>
    <h1>Hello</h1>
    <h2>My name is Bui Duy</h1>
    <h2>Im 18 yo</h2>	
    <h2>Im learning at Aptech</h2>
    <h2>My class is C2010L</h2>
    <br/><br><br/>
    <a href="duy.b.946@aptechlearning.edu.vn"; style="color: white">Email</a>
    <h3>Contact me at the above Email</h3>
</html>


Chu Quốc Việt [community,C2010L]
Chu Quốc Việt

2021-01-26 14:18:37



<!DOCTYPE html>
<html>
<head>
	<title>Giới thiệu bản thân</title>
	<meta charset="utf-8"/>
	<style>
table, th, td {
  border: 1px solid black;
  padding: 5px;
}
table{
	border-spacing: 15px;
	margin: 0px auto;
}
th {
	text-align: center;
}
</style>
</head>
<body style="background-image: url(https://i.ytimg.com/vi/odM92ap8_c0/maxresdefault.jpg);background-repeat: no-repeat;background-size: cover; color: white;">

<h1 style="text-align: right;">Chu Quốc Việt</h1>
<a style="text-align: right; background-color: " href="https://www.facebook.com"><h1>Facebook</h1></a>
<h2 style="text-align: right; ">Lớp:C2010L</h2>
<table style="width: 50% ;text-align: center; ">
	<tr>
    <th>Firstname</th>
    <th>Lastname</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>Việt</td>
    <td>Chu</td>
    <td>21</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
</table>
	
	
</body>
</html>


hieuvm0512 [community]
hieuvm0512

2021-01-26 14:17:59



<!DOCTYPE html>
<html>
<head>
	<title>Personal Information</title>
	<meta charset="utf-8"/>
</head>
<body style="background-color: #6ebbcc;color: #1f1a1a">
	<h1 style="color: white;font-size: 60px; text-align: center">PERSONAL INFORMATION</h1>
	<p style="text-align:center;"><img src="https://scontent.fhan2-6.fna.fbcdn.net/v/t1.0-9/106270378_2722922911323071_1255472285062366642_o.jpg?_nc_cat=103&ccb=2&_nc_sid=09cbfe&_nc_ohc=85o8SOmUHcQAX8p99fz&_nc_ht=scontent.fhan2-6.fna&oh=fae19ed022b82be8d8cdc0b0923fd533&oe=60351D39" alt="Logo"style="width: 256px;height: 256px"></p>
	<h2 style="color: #ff3d40;font-size: 40px;text-align: center;text-decoration-style: bold;">ABOUT ME</h2>
<p style="text-align: center;font-family: Arial;font-size: 30px">Name: Vu Minh Hieu</p>
<p style="text-align: center;font-family: Arial;font-size: 30px">Age: 20</p>
<p style="text-align: center;font-family: Arial;font-size: 30px">Third year Student of Post Telecomunication Institute of Technology</p>
<p style="text-align: center;font-family: Arial;font-size: 30px">Profession: Software Engineer</p>
<p style="text-align: center;font-family: Arial;font-size: 30px">E-Address: hieu.vm.1024@aptechlearning.edu.vn</p>
<p style="text-align: center;font-family: Arial;font-size: 30px">Address: Ha Noi</p>
<a href="https://www.facebook.com/profile.php?id=100008161654351"><p style="text-align: center;font-family: Arial;color: red;font-size: 35px">Visit my Facebook personal page!</a></p>
<p style="text-align: center;font-family: Arial;font-size: 15px">&#128151 &#128151 &#128151</p>






</body>
</html>


do dai duong [community,C2010L]
do dai duong

2021-01-26 14:06:09



<!DOCTYPE html>
<html>
<head>
	<title>Lab 1</title>
	<meta charset="utf-8">
</head>
<body style="text-align: center;">
    <img src="https://i.pinimg.com/originals/7f/75/6b/7f756bcb3481db56650768cc5fc0cf50.jpg" width="200", height="100" >
    <h1>TEN: DO DAI DUONG</h1>
    <h3>NGAY SINH: 30/7/2000</h3>
    <h3>QUE QUAN: NINH BINH</h3>
    <h3>HOC TAI: APTECH</h3>
</body>
</html>


Cao Hải Long [community,C2010L]
Cao Hải Long

2021-01-26 13:22:48



<!doctydef html>
<html>
<head>
	<title>Gioi Thieu Ban Than</title>
	<meta charset="utf-8">
</head>

<body style="background-image: url(https://images3.alphacoders.com/710/thumb-1920-710535.jpg); background-size: contain">
	<table border="1">
		<tr>
			<th>1            </th>
			<th>2            </th>
		</tr>
		<tr>
			<td style="color: blue">Họ Tên:</td>
			<td style="color: blue">Cao Hải Long</td>
		</tr>
		<tr>
			<td style="color: yellow">Năm Sinh:</td>
			<td style="color: yellow">2002</td>
		</tr>
		<tr>
			<td style="color: pink">Quê Quán:</td>
			<td style="color: pink">Nghệ An</td>
		</tr>
		<tr>
			<td style="color: black">Chiều Cao:</td>
			<td style="color: black">1m75</td>
		</tr>
		<tr>
			<td style="color: green">Cân Nặng:</td>
			<td style="color: green">70kg</td>
		</tr>
		<tr>
			<td style="color: orange">Sở Thích:</td>
			<td style="color: orange">Game</td>
		</tr>
		
	</table>
</body>
</html>


Cao Hải Long [community,C2010L]
Cao Hải Long

2021-01-26 13:20:39



<!doctydef html>
<html>
<head>
	<title>Gioi Thieu Ban Than</title>
</head>

<body style="background-image: url(https://images3.alphacoders.com/710/thumb-1920-710535.jpg); background-size: contain">
	<table border="1">
		<tr>
			<th>1            </th>
			<th>2            </th>
		</tr>
		<tr>
			<td style="color: blue">Họ Tên:</td>
			<td style="color: blue">Cao Hải Long</td>
		</tr>
		<tr>
			<td style="color: yellow">Năm Sinh:</td>
			<td style="color: yellow">2002</td>
		</tr>
		<tr>
			<td style="color: pink">Quê Quán:</td>
			<td style="color: pink">Nghệ An</td>
		</tr>
		<tr>
			<td style="color: black">Chiều Cao:</td>
			<td style="color: black">1m75</td>
		</tr>
		<tr>
			<td style="color: green">Cân Nặng:</td>
			<td style="color: green">70kg</td>
		</tr>
		<tr>
			<td style="color: orange">Sở Thích:</td>
			<td style="color: orange">Thể thao điện tử</td>
		</tr>
		
	</table>
</body>
</html>


Dao Thu Huyen [C2010G]
Dao Thu Huyen

2021-01-06 03:04:16



<!DOCTYPE html>
<html lang="en">
<head>
    <style>
        p,h1{
            color:#eb9334; 
            text-align: center;
                     
        }
        h2{
            color: pink;
            text-align: center;
        }
        a{
            color: red;
            text-align: center;
        }
    </style>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body style=" background-image: url(https://topshare.vn/wp-content/uploads/2020/08/H%C3%ACnh-%E1%BA%A3nh-avatar-%C4%91en-tr%E1%BA%AFng-12-540x1024.jpg); ">
    <p>
    <h1 style="font-size: 100px;">Introduce personal information</h1>
    <h2>Full name: Dao Thu Huyen.<br>
      Date of birth: 2002/13/09.<br>
      Interests: Badminton, singing, eating and shoping.<br>
      Marital status: Have lover.<br>
     <a href="https://www.facebook.com/">Go to facebook</a>
     </h2>
    </p>
</body>
</html>


Trinh Huy Hung [community,C2009I]
Trinh Huy Hung

2020-12-03 16:05:56

https://laball.herokuapp.com/gtbt.html

Đăng nhập để làm bài kiểm tra

Chưa có kết quả nào trước đó