상세 컨텐츠

본문 제목

html(1)

코딩 기록

by jii 2023. 9. 21. 19:28

본문

자기소개 페이지 만들기

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>자기소개</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 20px;
            padding: 20px;
        }
        h1 {
            text-align: center;
        }
        table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 20px;
        }
        th, td {
            border: 1px solid #ddd;
            padding: 8px;
            text-align: center;
        }
        img {
            max-width: 100%;
            height: auto;
        }
    </style>
</head>
<body>
    <h1><저에 대해 소개합니다></h1>
    
    <table>
        <tr>
            <th>이름</th>
            <th>전공</th>
            <th>학교</th>
            <th>사진</th>
        </tr>
        <tr>
            <td>유지혜</td>
            <td>컴퓨터 공학과</td>
            <td>이화여자대학교</td>
            <td><img src="증명사진.jpg" alt="사진"  width="80", height="100"></td>
        </tr>
    </table>

    <h2>관심 분야 및 프로젝트</h2>
    <p>저는 데이터 분석에 큰 관심을 갖고 있으며, 다음은 그동안 제가 참여한 프로젝트입니다.</p>
    <ul>
        <li>프로젝트 1</li>
        <p><a href="https://gudong0918.tistory.com/10" target="_blank">프로젝트 링크</a></p>
        <td><img src="pro1.jpeg" width="300", height="160"></td>
        <li>프로젝트 2</li>
        <p><a href="https://gudong0918.tistory.com/2" target="_blank">프로젝트 링크</a></p>
        <td><img src="pro2.png" width="300", height="160"></td>
    </ul>

 
    <h3>취미활동</h3>
    <p>제 취미활동은, 야구 보기 입니다. </p>
    <iframe width="560" height="315" src="https://www.youtube.com/embed/JeX9EwpmdMM?si=g5hqgjk4V_185gfn&amp;start=3" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
    </iframe>


    <!-- 하단 링크 -->
    <p>더 많은 정보와 프로젝트는 제 <a href="https://gudong0918.tistory.com" target="_blank">포트폴리오</a>에 있습니다.</p>
</body>
</html>

'코딩 기록' 카테고리의 다른 글

자료구조 #2 : 배열,구조체,포인터  (0) 2023.10.11
html(2)  (0) 2023.09.28
자료구조 #1 : 순환 (recursion)  (0) 2023.09.14
java : 10일차  (0) 2023.01.19
java : 9일차  (0) 2023.01.19

관련글 더보기

댓글 영역

티스토리툴바