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)

Bùi Văn Mạnh [T2008A]
Bùi Văn Mạnh

2020-10-05 12:05:10


#bai1.html


<!DOCTYPE html>
<html>
<head>
		<title>Bui Van Manh </title>
		<meta charset="utf-8">
</head>
<body style="background-color: #FF0000; background-image:url('https://vcdn-dulich.vnecdn.net/2019/08/22/Sun-Group-1-7666-1566456874.jpg');background-repeat: no-repeat; background-size: cover; color: white">
	<center><ins>Thông Tin Giới Thiệu</ins></center>
	<br>
	<h2 style="color: #33FF33">Thông Tin Cá Nhân</h2>
	<h4 style="color: #FFF66F">Tên: Bùi Văn Mạnh;</h4>
	<h4 style="color: #FFF66F">Tuổi: 18;</h4>
	<h4 style="color: #FFF66F">Địa Chỉ: Cầu  Giấy, Hà Nội;</h4>
	<h4 style="color: #FFF66F">SĐT: 0915094500;</h4>
	<br>
	<b style="color: #000000">Ghi chú</b>
	<br>
	<i>Thông tin chi tiết:</i>
	<br>
	<u>Fakebook:facebook.com/manhxoan2002.</u>	
	<br>
	<small title="">Zalo:0915094500.</small>

	<h2 style="background-color: #EEEEEE ; color:#111111;">Đoàn Nghệ Thuật Lân Sư Rồng Ngọc Ánh</h2>
	<img width="300" height="200" src="https://scontent.fhan2-5.fna.fbcdn.net/v/t1.0-9/71378582_389745421962819_6234846183555072000_o.jpg?_nc_cat=107&_nc_sid=d4cf07&_nc_ohc=E_bUnhDJxQsAX-U8uKE&_nc_ht=scontent.fhan2-5.fna&oh=2897c211de71c6d0e71b74e5b1f5e4f9&oe=5FA27520">
	<img width="300" height="200" src="https://scontent.fhan1-1.fna.fbcdn.net/v/t1.0-9/87326810_501005510836809_8960027585979351040_n.jpg?_nc_cat=109&_nc_sid=110474&_nc_ohc=-Z-n2xZjYggAX-PnhYy&_nc_ht=scontent.fhan1-1.fna&oh=e59eaacc6e211bef8224277843c54909&oe=5F9F2563">
	<img width="300" height="200" src="https://scontent.fhan1-1.fna.fbcdn.net/v/t1.0-9/67273864_343370546600307_2127462421726494720_o.jpg?_nc_cat=109&_nc_sid=110474&_nc_ohc=FeyMKWEuYu8AX_Ez99J&_nc_ht=scontent.fhan1-1.fna&oh=ea7f5c2b7ab3c202bcb1c32bb45c3336&oe=5FA1D3DC">
	<br>
	Nhận Múa Lân Khai Trương <del></del> <ins></ins>,
	<br/>
	Khánh Thành, Đám Cưới, Sinh Nhật,
	<br>
	Xông Đất, Mừng Thọ,<strong></strong>
	<br/>
	<sub></sub>
	Lễ Hội...<sup>
	<br>
	Các thành viên được đào tạo bài bản chuyên nghiệp
	<br>
	ߑ頃húng tôi cam kết sẽ mang đến một buổi biểu diễn hoàng tráng và chất lượng
	<br>
	ߑ頃ác gói biểu diễn với giá thành hợp lý nhất
	<br>
	ߑ頇ọi cho chúng tôi để được tư vấn và đặt lịch
	<br>
	ߑ頎iềm vui của các bạn là hạnh phúc của chúng tôi
	<br>
	ߑ頄௃஠Nghệ thuật Lân Sư Rồng Ngọc Ánh
	<br>
	ߑ領in hân hạnh được phục vụ quý khách ߑＯsup>.
	<br/>


	<h2 style="color: #990000	">Mở Cửa:</h2>
    <ol style="list-style-type: upper-alpha;">
		<li style="color: #FFFFCC">Sunday</li>
		<li style="color: #FFFFCC">Monday</li>
		<li style="color: #FFFFCC">Tuesday</li>
		<li style="color: #FFFFCC">Wednesday</li>
		<li style="color: #FFFFCC">Thursday</li>
		<li style="color: #FFFFCC">Friday</li>
		<li style="color: #FFFFCC">Saturday</li>


	<center style="color: #FFCCFF">XIN CẢM ƠN</center>
</body>
</HTML>


Trần Thị Khánh Huyền [T2008A]
Trần Thị Khánh Huyền

2020-10-05 10:23:02


#thuc hanh.html


<!DOCTYPE html>
<html>
<head>
	<title>Bai 1: Huong dan hoc HTML</title>
	<meta charset="utf-8">
	<!-- luu css -->
	<!-- luu js -->
</head>
<body style="background-image: url('https://hips.hearstapps.com/hmg-prod.s3.amazonaws.com/images/diy-paper-flowers-1582662788.jpg?crop=1.00xw:0.753xh;0,0.0887xh&resize=980:*'); background-repeat: no-repeat; background-size: cover; color: white">
	<h5><a href="https://gokisoft.com/">gokisoft</a></h5>
	<h5><a href="https://www.youtube.com/channel/UCd8aIzwdaoQ_Abp3frmeZSA?sub_confirmation=1">youtube gokisoft</a></h5>
	
	<center>Profile TRAN THI KHANH HUYEN</center>
	<br>
	<b>Age: 23 years old</b>
	<br>
	<i>Nation: VietNam</i>
	<br>
	<u>Hobbies: </u>
	<br>
	<h6>1.Lisenning Musik</h6>
	<h6>2.Travelling</h6>
	<h6>3.Reading book</h6>
	<b>Studying at FPT-Aptech</b>

</body>
</HTML>


hainguyen [T2008A]
hainguyen

2020-10-05 10:16:50


#vidu.html


<!DOCTYPE html>
<html>
<head>
	<title>Profile</title>
	<meta charset="utf-8">
	<!-- luu css -->
	<!-- luu js -->
</head>
<body style="background-color: #96f2ac; background-image: url(https://i.pinimg.com/originals/af/8d/63/af8d63a477078732b79ff9d9fc60873f.jpg); background-repeat: no-repeat; background-size: cover; color: white " >
	<h1><center>MY Profile</center></h1>
	<br>
	<center><h1><ol style="list-style-type: decimal;">
		<li>Họ tên: Nguyễn Bá Hải</li>
		<br>
		<li>Tuổi: 17</li>
		<br>
		<li>Mã sv: TH2007026</li>
	</ol></h1> </center>
    <!-- js -->
</body>
</html>


Nguyễn đình quân [T2008A]
Nguyễn đình quân

2020-10-05 10:12:59


#quan.html


<!DOCTYPE html>
<html>
<head>
	<title>gokisoft bài tập</title>
	<meta charset="utf-8">

</head>
	<body style="background-color: #90a8d6; background-image: url('https://img.thuthuatphanmem.vn/uploads/2018/10/08/anh-anime-phong-canh-dep_093817122.jpg'); background-repeat: no-repeat; background-size: cover; color: black">
Chuyển đến thông tin về  <a href='https://gokisoft.com/'>gokisoft </a>
<br>
Chuyển đến thông tin về <a href='https://www.facebook.com/profile.php?id=100008795161326'> facebook </a>
<br>
chuyển đến thông tin về <a href='https://www.hieuda.com/lap-trinh-web-voi-visual-studio-code-html-css-javascript/'>Lập trình HTML</a>
<br>
chuyển đến thông tin về <a href='https://www.hieuda.com/lap-trinh-web-voi-visual-studio-code-html-css-javascript/'>Lập trình CSS</a>
<br>
chuyển đến thông tin về <a href='https://www.hieuda.com/lap-trinh-web-voi-visual-studio-code-html-css-javascript/'>lập trình IS</a>
<br>
Họ tên : Nguyễn đình quân
<br>
lớp : T2008A
<br>
Trường: Trường ĐH FPT Aptech
<br>
sở thích : xem <a href='http://ani4u.org/'>anime></a> , đọc <a href='https://ln.hako.re/#_=_'> truyện ligh novel</a>, chơi game<a href='https://lol.garena.com/'>liên minh huyền thoại</a>
<br>
bạn gái :chưa có
<br>
Trên đời này, ngoài trừ bản thân,không có một ai hiểu rõ con người bạn<a href='https://www.pinterest.com/'>-vttkh-</a>
<body>

</body>
</html>
-


Đặng Trần Nhật Minh [T2008A]
Đặng Trần Nhật Minh

2020-10-05 10:10:30


#1969.html


<!DOCTYPE html>
<html>
<head>
	<title>Profile: Nhat Minh</title>
	<meta charset="utf-8">
</head>
<body style="background-color: #ffd6d6">
	<hr/>
	<center>
	<h1 style="background-color: #ffc170; color: #717a73"; title="PROFILE PAGE";><big><i>PROFILE PAGE</big></i></h1>
	</center>
	<hr/>

	<h2 style="background-color: #c8e8e7; color: #4d7372"><i><ins>I. General Information</ins></i></h2>

	 	<ul style="list-style-type: circle; background-color: #004973; color: #bfbfbf">

			<li title="Dang Tran Nhat Minh"><b>Full Name: </b>Dang Tran Nhat Minh</li>
			<br>
			<li title="05/10/2003"><b>D.O.B: </b>05/10/2003</li>
			<br>
			<li title="T2008A"><b>Class: </b>T2008A</li>
			<br>
			<li title="FPT Aptech"><b>Institution: </b>FPT Aptech</li>
			<br>
			<li title="0912.860.510"><b>Tel: </b>0912.860.510</li>
			<br>
			<li title="Minh Dang"><b>Facebook: </b>Minh Dang</li>
			<br>
			<li title="Ton That Tung Str."><b>Address: </b>Ton That Tung Str., Dong Da Dist., Hanoi</li>
		
 	    </ul>

 	  <h2 style="background-color: #c8e8e7; color: #4d7372"><i><ins>II. Personal Experience</ins></i></h2>

 	 	<ul style="list-style-type: circle; background-color: #004973; color: #bfbfbf">

 	 		N/A
 	 		
 	 	</ul>


</body>
</html>


Nguyễn Xuân Mai [T2008A]
Nguyễn Xuân Mai

2020-10-05 10:09:27


#vidu.html


<!DOCTYPE html>
<html>
<head>
	<title>Thông tin cá nhân</title>
	<meta charset="utf-8">
</head>
<body style= "background-image: url('https://functionlove.files.wordpress.com/2013/07/132.jpg'); background-repeat: repeat;  color: white">>
	<h1 style="color: #f76ad6"><center>Giới thiệu thông tin cá nhân</center></h1>
	<br> 
	<STRONG>Tên:</STRONG> Nguyễn Xuân Mai
	<br>
	<STRONG>Ngày sinh:</STRONG> 08/01/2003
	<br>
	<STRONG>Trường:</STRONG> THPT Chuyên Hà Nội - Amsterdam
	<br>
	<STRONG>Fav singers:</STRONG>
	<ol style="list-style-type: amharic;">
		<li>Pomme</li>
		<img src="https://i.pinimg.com/736x/6d/1c/20/6d1c20431edae46875848005eb620cbe.jpg" width="305" height="183">
		<li>f(x)</li>
		<img src="https://i.pinimg.com/originals/ab/bb/2c/abbb2c452c4406c7da0b792513908c00.jpg" width="540" height="405">
		<li>Video Club</li>
		<img src="https://d1marr3m5x4iac.cloudfront.net/images/block200/I0-001/045/576/158-8.png_/videoclub-58.png" width="200" height="200">
		<li>5 second of summer</li>
		<img src="https://i.pinimg.com/originals/0c/55/a6/0c55a67b47ff187f63096a84bed65d8f.png" width="348" height="351">
		<li>Angèle</li>
		<img src="https://i.pinimg.com/originals/8f/14/79/8f1479c4e50f8b46841012ac9b46e8ad.jpg" width="387" height="567">
		<li>Jung Jeahyun</li>
		<img src="https://avatar-nct.nixcdn.com/song/2017/11/24/2/8/b/f/1511515150310_640.jpg" width="340" height="340">
    </ol>
    
    <p>Here is a quote from Angèle's <i>"Balance ton quoi"</i>:</p>
	<blockquote cite="https://genius.com/Angele-balance-ton-quoi-lyrics">
	Balance ton quoi
	<br>
	Même si tu parles mal des filles 
	<br>
	je sais qu'au fond t'as compris
	</blockquote>
	<img src="https://img.static-rmg.be/a/view/q75/w/h/2275247/sans-titre-2019-04-25t085952-361-png.png" width="600" height="400">
	<br>
	<table style="width:30%">
	  <tr>
	    <th>Movies</th>
	    <th>Director</th>
	    <th>Year</th>
	  </tr>
	  <tr>
	    <td>10 things I hate about you</td>
	    <td>Gill Junger</td>
	    <td>1999</td>
	  </tr>
	  <tr>
	    <td>Inception</td>
	    <td>Christopher Nolan</td>
	    <td>2010</td>
	  </tr>
	  <tr>
	    <td>Ocean's 8</td>
	    <td>Gary Ross</td>
	    <td>2018</td>
	  </tr>
	  <tr>
	    <td>Little Women</td>
	    <td>Greta Gerwig</td>
	    <td>2019</td>
	  </tr>
	  <tr>
	    <td>Antonement</td>
	    <td>Joe Wright</td>
	    <td>2007</td>
	  </tr>
	</table>
</body>
</html>


Đức Sơn [T2008A]
Đức Sơn

2020-10-05 10:09:10


#Vidu1.html


<!DOCTYPE html>
<html>
<head>
	<title>Thông tin cá nhân</title>
</head>
<body style="background-image: url('https://scontent.fhan1-1.fna.fbcdn.net/v/t1.0-9/119958015_1643818749121328_4348332374870444885_n.jpg?_nc_cat=110&_nc_sid=e3f864&_nc_ohc=XcOIx6HF3dkAX-onwAG&_nc_ht=scontent.fhan1-1.fna&oh=59114fd538396b6e7fbee4b3d95c62aa&oe=5F9F2CC3'); background-repeat: no-repeat; background-size:cover; color: white">

 <ul style="list-style-type: circle;">

 <h1>Thông Tin Cá Nhân</h1>

 <h3 style="background-color: #5c94bf"> Họ và tên :</h3>

 <h2 style="color: #18c3cc"><li>Lê Công Đức</li> </h2>

 <h3 style="background-color: #5c94bf"> Ngày sinh :</h3>

 <h2 style="color: #18c3cc "><li>19/ 04/ 2001</h2></li>

 <h3 style="background-color: #5c94bf"> Học Tại :</h3>

 <h2 style="color: #18c3cc"><li>FPT Aptech</h2></li>

 <h3 style="background-color: #5c94bf"> Nơi Sống :</h3>

 <h2 style="color: #18c3cc"><li>Hà Nội</h2></li>

</ul>

</body>
</html>


nguyễn Sử [T2008A]
nguyễn Sử

2020-10-05 09:42:24


#ns.html


<!DOCTYPE html>
<html>
<head>
	<title>gioi thieu thong tin ca nhan</title>
	<meta charset="utf-8">
	<!-- luu css -->
	<!-- luu js -->
</head>
<body style="background-color: pink; background-image: url(https://laichau.gov.vn/upload/2000066/20200306/7449ec0b37e7a9e439522ac33568cb56DSC09324anh.jpg); background-repeat: no-repeat; background-size: cover;color: yellow">
	
	<center><ins>Quảng Trường Nhân Dân Tỉnh Lai Châu</ins></center>

	<h1>Một số thông tin cá nhân.</h1>
    <ol style="list-style-type: upper-alpha;">
		<h2>H-V-T: Nguyễn Sử.</h2>

		<h2>Ngày tháng năm sinh: 04/04/2002.</h2>

		<h2>Quê quán: Lai Châu.</h2>

		<h2>Trường đại học: FPT Aptech.</h2>

		<h2>Sống tại: Hà Nội.</h2>
		
    </ol>
</body>
</html>


vuong huu phu [T2008A]
vuong huu phu

2020-10-05 09:42:24


#abcd.html


<!DOCTYPE html>
<html>
<head>
	<title>thong tin</title>
	<meta charset="utf-8">
</head>
<body style="background-image:url(https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcS6gg12iGzs7Ry4BoM_jANGBOnJ2MpxBubvig&usqp=CAU);background-repeat: no-repeat;background-size:cover;color: white ">
<h1>thong tin</h1>
<br>
<ol style="list-style-type: upper-alpha;">
	<h1>Ho ten: Vuong Huu Phu</h1>
	<h1>tuoi: 18 </h1>
	<h1>Que quan: Ha Noi </h1>
</ol>
</body>
</html>


Nguyễn Tuấn Hùng [T2008A]
Nguyễn Tuấn Hùng

2020-10-05 08:46:39


#file1.html


<!DOCTYPE html>
<html>
<head>
	<title>gokisoft</title>
</head>
<body style="background-image: url('https://1.bp.blogspot.com/-WXSfLvO2X5g/XVeQbdlaaEI/AAAAAAAACmk/P0OkefPnFOIEk0t1OABib6xKPCL1G6MFwCLcBGAs/s1600/gong-ty-5AEFIuud6XI-unsplash.jpg');">
	<h1>chuyển đến <a href="https://gokisoft.com/">gokisoft</a></h1>
	<h1>chuyển đến <a href="https://www.youtube.com/channel/UCd8aIzwdaoQ_Abp3frmeZSA?sub_confirmation=1">youtube gokisoft</a></h1>
	<h1>chuyển đến <a href="https://www.facebook.com/groups/devAZ/">facebook gokisoft</a></h1>
	<h1>chuyển đến <a href="https://www.facebook.com/hung.nguyentuan.58910049">Faceebook.com Nguyễn Tuấn Hùng</a></h1>

	<h1>Profile Nguyễn Tuấn Hùng</h1>
	<h2>Họ và tên: Nguyễn Tuấn Hùng</h2>
	<h2>Ngày tháng năm sinh: 15/06/2002</h2>
	<h2>Địa chỉ:Chương Mỹ - Hà Nội</h2>
	<h2>Sở Thích</h2>
	<h3>1.Ăn</h3>
	<h3>2.Ngủ</h3>
	<h3>3.Chơi</h3>
	<h2>Bạn gái: chưa có</h2>
	<h2><b>Đang học tại FPT Aptech Hà Nội</b></h2>

</body>
</html>


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

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