[학습튜터링] 자기소개 페이지 만들기
2019. 9. 12. 01:07
학습 튜터링 활동 과제로 자기소개 페이지를 한 번 만들어 보았다. 복습할 겸해서 만들어 보았는데, 생각보다 귀엽게 나온 것 같아서 기분이 좋다. 사실 쓴건 html에 css만 조금 쓴 거라 별건 없지만 그래도 이미지를 불러와서 그럴싸하게 넣어주니 꽤 괜찮은 작품이 탄생했다.
평소에 오구 캐릭터를 좋아해서 제일 앞에 다른 홈페이지에서 이미지 링크 주소를 따와서 넣어주었다.
그외에 다른 SNS 이미지들을 다운받아서 넣고, 그 밑에 간단하게 글자 색만을 바꿔가며 넣어줬다. 간단한 코드였으니 코드까지 간단히 첨부하고 글을 마친다.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
<!DOCTYPE html>
<html>
<head>
<title>Welcome KDH HomePage</title>
<meta charset="utf-8">
</head>
<body>
<div style="text-align: center">
<h1>ABOUT ME</h1>
<br/>
<a href="https://www.facebook.com/profile.php?id=100005103496461"><img src="facebook.png" width="73px" height="73px"></a>
<a href="https://www.instagram.com/ire_0546/"><img src="instagram.png" width="70px" height="70px"></a>
<h4 style="color: gray">Click this icons<br>then, you can go to My SNS Page</h4>
<h5>welcome to my information homepage! actually, this is my frist info page<br>but not difficult to make this page. you know, I'm not good at English well!
<br>Actually, this talks about Me, but I don't have many too much information.<br> hum well, yes.frist my favorite food is cheese and Korean Barbecue.</h5>
<h6 style="color: gray">@ire4564_info COMPANY</h6>
</div>
</body>
</html>
|
'Undergraduate Records' 카테고리의 다른 글
[0915] 과제: Makefile 만들기 (0) | 2019.09.15 |
---|---|
[0915] html의 구조, 기본 (0) | 2019.09.15 |
[0909] 컴퓨터구조 이론 복습 (0) | 2019.09.12 |
[0911] 객체지향설계 이론 복습 (0) | 2019.09.12 |
[0911] 객체지향설계, Programming이란? (0) | 2019.09.12 |