William_Riker

웹 보안 - 간단한 자기소개 페이지 만들기

Oct 27th, 2025 (edited)
483
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.01 KB | None | 0 0
  1. [ HTML 예시 ]
  2. <!-- 여기에 코드를 작성하세요 -->
  3. <h1>여기에 이름을 입력하세요</h1>
  4.  
  5. <!-- 자기소개를 추가하세요 -->
  6.  
  7. <!-- 관심사 목록을 추가하세요 -->
  8.  
  9. <!-- 연락처를 추가하세요 -->
  10.  
  11. [ 완성 예시 ]
  12. <h1>홍길동</h1>
  13.  
  14. <h2>자기소개</h2>
  15. <p>안녕하세요! 융합보안학과 2학년 홍길동입니다.</p>
  16.  
  17. <h2>관심 분야</h2>
  18. <ul>
  19. <li>웹 보안</li>
  20. <li>디지털 포렌식 II</li>
  21. <li>딥러닝 기초</li>
  22. </ul>
  23.  
  24. <h2>연락처</h2>
  25. <p>이메일: <a href="mailto:[email protected]">[email protected]</a></p>
  26.  
  27. [ CSS 패널 (선택) ]
  28. body {
  29. font-family: Arial, sans-serif;
  30. max-width: 600px;
  31. margin: 50px auto;
  32. padding: 20px;
  33. }
  34.  
  35. h1 {
  36. color: #2c3e50;
  37. border-bottom: 3px solid #3498db;
  38. padding-bottom: 10px;
  39. }
  40.  
  41. h2 {
  42. color: #34495e;
  43. margin-top: 20px;
  44. }
  45.  
  46. <!-- 체크 리스트
  47. h1 태그 사용
  48. 최소 2개 이상의 문단
  49. ul/li로 목록 작성
  50. 이메일 링크 작동
  51. -->
Advertisement
Add Comment
Please, Sign In to add comment