반응형
언더케이지 닷컴이라는 전문리뷰사이트를 HTML만을 이용해 메인화면를 만들어 본다.
UNDERkg
세상의 모든 1KG 이하 제품 리뷰, 스마트폰 개봉기, 사용 평점, 사용 동영상 등 수록
underkg.co.kr
<!DOCTYPE html>
<html lang="en">
<head>
<style>
a {text-decoration: none; color: black;}
</style>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>UNDERKG</title>
</head>
<body>
<table border="0" align="center">
<thead>
<tr>
<td colspan="5">
</td>
<td>
<form action="http://underkg.co.kr/" method="get">
<input type="text" name="is_keyword" id="search-text" value="" title="검색" placeholder="Search all pages"/>
<input type="image" id="serachbtn" src="img/banner/search.png" type="submit" value="검색" />
</form>
</td>
</tr>
<tr>
<td colspan="4">
<a href="http://underkg.co.kr"><img src="img/banner/banner.png"></a>
</td>
</tr>
<tr>
<td colspan="5">
<b> <a href="http://underkg.co.kr/review">review</a>
<a href="http://underkg.co.kr/news">news</a>
<a href="http://underkg.co.kr/opinion">opinion</a>
<a href="http://underkg.co.kr/community">community</a>
<a href="https://bit.ly/39O8ndj">shop</a>
<a href="http://underkg.co.kr/about_kgfix">fix</a>
<a href="http://underkg.co.kr/event">event</a>
<a href="http://underkg.co.kr/rental">rental</a></td></b>
<td><b><a href="http://underkg.co.kr/#acField">Log in</a>
<a href="https://underkg.co.kr:44391/index.php?mid=home&act=dispMemberSignUpForm">Sign Up</a></b></td>
</tr>
</thead>
<tbody>
<td colspan="2">
<a href="http://underkg.co.kr/2817562"><img src="img/review/1.jpg" width="300"></a>
</td>
<td colspan="2">
<a href="http://underkg.co.kr/2816211"><img src="img/review/2.jpg"width="300"></a>
</td>
<td colspan="2">
<a href="http://underkg.co.kr/unboxing/2815770"><img src="img/review/3.jpg"width="300"></a>
</td>
</tr>
<td colspan="2">
<a href="http://underkg.co.kr/2815770"> <img src="img/review/4.jpg"width="300"></a>
</td>
<td colspan="2">
<a href="http://underkg.co.kr/2815435"> <img src="img/review/5.jpg"width="300"></a>
</td>
<td colspan="2">
<a href="http://underkg.co.kr/2814191"> <img src="img/review/6.jpg"width="300"></a>
</td>
</tr>
<tr>
<th colspan="6" align="left"> <a href="http://underkg.co.kr/gadget"> <h1>GADGET</h1></th></a>
</tr>
<tr>
<td>
<a href="http://underkg.co.kr/2814896"><img src="img/gadget/1.jpg"width="150"></a>
</td>
<td>
<a href="http://underkg.co.kr/2798287"><img src="img/gadget/2.jpg"width="150"></a>
</td>
<td>
<a href="http://underkg.co.kr/2793329"><img src="img/gadget/3.jpg"width="150"></a>
</td>
<td>
<a href="http://underkg.co.kr/2782400"><img src="img/gadget/4.jpg"width="150"></a>
</td>
<td>
<a href="http://underkg.co.kr/2778467"><img src="img/gadget/5.jpg"width="150"></a>
</td>
<td>
<a href="http://underkg.co.kr/2775525"><img src="img/gadget/6.jpg"width="150"></a>
</td>
</tr>
<tr align="left">
<th colspan="6"> <a href="http://underkg.co.kr/news"><h1> NEWS</h1></th></a>
</tr>
<tr align="left">
<td colspan="2" width="300">
<ul>
<li>
<a href="http://underkg.co.kr/2817710">[루머] ZTE Axon 30 Ultra, $1,200에 판매</a><a href="http://underkg.co.kr/2817710#comment">[2]</a>
</li>
<li>
<a href="http://underkg.co.kr/2817707">삼성전자, 갤럭시 스마트 태그 플러스 미국 출시</a>
</li>
<li>
<a href="http://underkg.co.kr/2817704">노키아, 안드로이드 Go 탑재 스마트폰 2종 발표</a><a href="http://underkg.co.kr/2817704#comment">[1]</a>
</li>
<li>
<a href="http://underkg.co.kr/2817682">기아, K8 출시</a><a href="http://underkg.co.kr/2817682#comment">[1]</a>
</li>
<li>
<a href="http://underkg.co.kr/2817673">삼성 갤럭시 A 퀀텀2 추가 유출</a><a href="http://underkg.co.kr/2817673#comment">[8]</a>
</li>
<li>
<a href="http://underkg.co.kr/2817665">노키아, 최대 36시간 사용 Lite Earbuds 발표</a><a href="http://underkg.co.kr/2817665#comment">[2]</a>
</li>
<li>
<a href="http://underkg.co.kr/2817661">화웨이 P50 추정 실기 유출</a><a href="http://underkg.co.kr/2817661#comment">[4]</a>
</li>
<li>
<a href="http://underkg.co.kr/2817657">삼성전자, ‘갤럭시 Fan 클래스’ 운영</a>
</li>
<li>
<a href="http://underkg.co.kr/2817655">SKT, ‘MEC 웨비나(Web Seminar)’ 국내 최초 개최</a>
</li>
<li>
<a href="http://underkg.co.kr/2817653">현대자동차, ‘현대모터스튜디오 부산’ 개관</a>
</li>
</ul>
</td>
<td colspan="2" width="300">
<ul>
<a href="http://underkg.co.kr/freeboard"> <h1>freeboard</h1></a>
<li>
<a href="http://underkg.co.kr/2818083" ">노트10+ 번인</a>
<a href="http://underkg.co.kr/2818083#comment">(4)</a></li>
<li>
<a href="http://underkg.co.kr/2818054" ">S21 FE 렌더링 유출</a>
<a href="http://underkg.co.kr/2818054#comment">(8)</a></li>
<li>
<a href="http://underkg.co.kr/2817999" ">음악 앱</a>
<a href="http://underkg.co.kr/2817999#comment">(16)</a></li>
<li>
<a href="http://underkg.co.kr/2817976" ">확실히 iMessage가 미국에서는 영향력이 큰가 ...</a>
<a href="http://underkg.co.kr/2817976#comment">(2)</a></li>
<li>
<a href="http://underkg.co.kr/2817956" ">갤럭시 퀀텀2 핸즈온</a>
<a href="http://underkg.co.kr/2817956#comment">(1)</a></li>
<li>
<a href="http://underkg.co.kr/2817932" ">우리가 15년뒤에 아이패드프로</a>
<a href="http://underkg.co.kr/2817932#comment">(9)</a></li>
<li>
<a href="http://underkg.co.kr/2817905" ">갤럭시 탭S7+ 512 네이비</a>
<a href="http://underkg.co.kr/2817905#comment">(8)</a></li>
<li>
<a href="http://underkg.co.kr/2817893" ">손씻가 도움이 되는 이유</a>
<a href="http://underkg.co.kr/2817893#comment">(3)</a></li>
<li>
<a href="http://underkg.co.kr/2817864" ">다음세대 S시리즈는 원가절감이 너무심하지만 ...</a>
<a href="http://underkg.co.kr/2817864#comment">(3)</a></li>
<li>
<a href="http://underkg.co.kr/2817816" ">12미니 itest 구동모습 </a>
<a href="http://underkg.co.kr/2817816#comment">(5)</a></li>
<li>
<a href="http://underkg.co.kr/2817798" ">에어팟 맥스 가격이 많이 내려갔네요</a>
<a href="http://underkg.co.kr/2817798#comment">(1)</a></li>
<li>
<a href="http://underkg.co.kr/2817787" ">se2에 itest 구동한 모습</a>
<a href="http://underkg.co.kr/2817787#comment">(1)</a></li>
</li>
</ul>
</td>
<td colspan="2" width="300">
<ul>
<a href="http://underkg.co.kr/QnA"> <h1>Q&A</h1></a>
<li><a href="http://underkg.co.kr/2818044">살짝 연동성이 아쉬운 보스 qc35 2 vs 언젠간...</a><a href="http://underkg.co.kr/2818044#comment">(3)</a></li>
<li><a href="http://underkg.co.kr/2817913">lg velvet 안드로이드 11 페메챗 버그</a><a href="http://underkg.co.kr/2817913#comment">(1)</a></li>
<li><a href="http://underkg.co.kr/2817866">노트10이랑 탭S6 동시에 출시됐나요??</a><a href="http://underkg.co.kr/2817866#comment">(2)</a></li>
<li><a href="http://underkg.co.kr/2817546">아이패드 휘어짐</a><a href="http://underkg.co.kr/2817546#comment">(2)</a></li>
<li><a href="http://underkg.co.kr/2817260">요즘 인터넷땜에 고민이네요 ㅠㅠ</a><a href="http://underkg.co.kr/2817260#comment">(14)</a></li>
<li><a href="http://underkg.co.kr/2817175">12pro vs S21 ultra </a><a href="http://underkg.co.kr/2817175#comment">(5)</a></li>
<li><a href="http://underkg.co.kr/2817037">아이폰 7 플러스 &gt; 아이폰 12</a><a href="http://underkg.co.kr/2817037#comment">(3)</a></li>
<li><a href="http://underkg.co.kr/2816949">애플 앱 내 구입 환불 받아보신분 계세요?</a> </li>
<li><a href="http://underkg.co.kr/2816660">아이메시지 해외</a><a href="http://underkg.co.kr/2816660#comment">(1)</a></li>
<li><a href="http://underkg.co.kr/2816558">갤럭시Z폴드2</a><a href="http://underkg.co.kr/2816558#comment">(3)</a></li>
<li><a href="http://underkg.co.kr/2816500">아이폰 볼륨키 오류 저만 있나요?</a><a href="http://underkg.co.kr/2816500#comment">(3)</a></li>
<li><a href="http://underkg.co.kr/2816450">스포티파이 해외음원</a><a href="http://underkg.co.kr/2816450#comment">(1)</a></li>
<br>
<br>
</ul>
</td>
</tr>
</tbody>
<tfoot align="center">
<tr>
<td colspan="6">
<a href="http://underkg.co.kr/service_rules">이용 약관</a> | <a href="http://underkg.co.kr/privacy_rules">개인 정보 취급 방침</a><br>
광고및 제휴 <a href="mailto:hello@underkg.co.kr">hello@underkg.co.kr</a> | 리뷰 문의 <a href="mailto:gadget@underkg.co.kr">gadget@underkg.co.kr</a><br>
© 2015 <a href="">underKG</a>. All rights reserved.
</td>
</tr>
</tfoot>
</table>
</body>
</html>
반응형
'Programming > Web Programming (2021)' 카테고리의 다른 글
| [웹프로그래밍 실습] 7. CSS 셀렉터와 스타일 속성 (0) | 2021.05.03 |
|---|---|
| [웹프로그래밍] 7. CSS 셀렉터와 스타일 속성 (0) | 2021.05.03 |
| [웹프로그래밍 실습] 1장. HTML (0) | 2021.04.19 |
| [웹프로그래밍] 5. 입력양식 (0) | 2021.04.19 |
| [웹프로그래밍 실습] 5. 입력양식 (0) | 2021.04.19 |
