본문 바로가기
웹 개발

과제- 뉴스기사,즐겨찾기,이력서 html 만들기

by 곽정우 2024. 4. 4.

1. 뉴스기사

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <a><b>경제</b></a>
    <title>뉴스기사</title>
</head>
<body>
    <h2>뉴스기사</h2>
    <h1 >금감원, 감독업무에 ‘생성형 AI’ 사용…네이버와 MOU</h1>
    <em >입력 2024.04.03 (10:29)</em>
    <br>
    <img src="images/news.jpg" alt="뉴스">
    <p>
    금융감독원이 생성형 인공지능(AI)을 금융감독 업무에 적용하기로 했습니다.
    <br>
    <br>
    금감원은 오늘(3일) 네이버와 이러한 내용을 담은 ‘디지털 금융 협력을 위한 업무협약(MOU)’을 체결했습니다.
    <br>
    <br>
    이에 따라 네이버의 생성형 AI ‘하이퍼클로바X’를 비롯한 최신 디지털 기술을 금융감독 업무에 적용할 계획입니다.
    <br>
    <br>
    또 금융권에서 인공지능(AI) 기술을 활용하기 위한 연구 협력도 강화하기로 했습니다.
    <br>
    <br> 
    이복현 금감원장은 “이번 협약으로 네이버의 정보기술(IT) 기술력을 활용해 금감원 감독·검사 및 금융소비자 보호 역량을 강화할 것으로 기대한다”고 밝혔습니다.
    <br>
    <br>
    최수연 네이버 대표는 “금감원 업무를 혁신하고 디지털 시스템을 고도화하기 위해 맞춤형 AI 솔루션을 구축할 수 있도록 지원하겠다”고 말했습니다.
    <br>
    <br>
    [사진 출처 : 연합뉴스 / 네이버 제공]
    </p>
    <li><a href="resume.html">자소서</a></li><li><a href="favorite.html">즐겨찾기</a></li>
</body>
</html>


2. 즐겨찾기

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>즐겨찾기</title>
</head>
<body>
    <h1>즐겨찾기</h1>
    <ul>
        <li>
            <a href="https://gemini.google.com/app" target="=_blank"><h2> 제미니(구글)</h2>
                <img src="images/gemini.png" alt="제미니(구글)" width="960" height="540"></td>
            </a>
        </li>
        <br>
        <hr>
        <br>
        <li>
            <a href="https://weather.naver.com/today/09680101?cpName=KMA" target="=_blank"><h2> 네이버날씨</h2>
                <img src="images/weather.PNG" alt="네이버날씨" width="960" height="540"></td>
            </a>
        </li>
        <br>
        <hr>
        <br>
        <li>
            <a href="https://securities.miraeasset.com/" target="=_blank"><h2>미래에셋증권</h2>
                <img src="images/stock.png" alt="미래에셋증권" width="960" height="540"></td>
            </a>
        </li>
        <br>
        <hr>
        <br>
    <p>바로가기</p>
    <li><a href="resume.html">자소서</a></li><li><a href="news.html">뉴스기사</a></li>
    </ul>
</body>
</html>




3. 이력서

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>자소서</title>
 </head>

<body>
<center><h1>자기소개서</h1></center>

<table align="center" border="1">

    <tr>
       <td rowspan="4" align="center" width="120" height="150" >
       <img src="images/cat.jpg" alt="사진" width="120" height="150"></td>
       <td rowspan="1" align="center" >이름</td>
       <td width="400" align="center">곽정우</td>
    </tr>
    <tr>
       <td rowspan="1" align="center" >생년월일</td>
       <td width="400" align="center">1999/03/18</td>
    </tr>
    <tr>
       <td rowspan="1" align="center" >전화번호</td>
       <td width="400" align="center">010-1111-1111</td>
    </tr>
    <tr>
       <td rowspan="1" align="center" >이메일</td>
       <td width="400" align="center">apple@banana.com</td>
    </tr>
</table>

<table border="1" align="center" width="610" height="150">
    <tr>
       <td rowspan="4" align="center" >언어</td>
       <td align="center" width="125"  height="25">종류</td>.
       <td align="center" width="390" >수준</td>
    </tr>
    <tr>
       <td rowspan="1" align="center" >한글</td>
       <td width="400" align="center">상</td>
    </tr>
    <tr>
       <td rowspan="1" align="center" >영어</td>
       <td width="400" align="center">010-1111-1111</td>
    </tr>
</table>

<table border="1" align="center" width="610" height="150">
    <tr>
       
       <td rowspan="4" align="center" >기술</td>
       <td align="center" width="125"  height="25">종류</td>.
       <td align="center" width="390" >수준</td>
    </tr>
    <tr>
       <td rowspan="1" align="center" >파이썬</td>
       <td width="400" align="center">중상</td>
    </tr>
    <tr>
       <td rowspan="1" align="center" >데이터베이스</td>
       <td width="400" align="center">중</td>
    </tr>
</table>
<hr>
<p>바로가기</p>
<li><a href="favorite.html">즐겨찾기</a></li><li><a href="news.html">뉴스기사</a></li>
    </body>
</html>

위의 사진은 제 과제 폴더 안에 구성된 요소 입니다. 이미지들은 이미지 폴더안에 있고 html 파일들은 그 밖에 존재합니다.

각 페이지들 아래에는 다른 페이지들을 쉽게 접근할 수 있도록 하이퍼링크들이 있습니다