html testing

by nanumi posted Jul 24, 2021
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄

html testing

 

https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default

https://eproo.tistory.com/102

 

<!DOCTYPE html>

<html>

<head>

<title>주식갤링크</title>

</head>

 

<style type="text/css">

.mainbackground{float:left;background-color: #gold;}

.subbackground{float:left; background-color: gold;  width: 98%; height: auto; }

.divs{width:100%;height:70px;}

.gline1{float:left; font-size:20px; color:#a4065d;background-color: gold; padding:10px; width: 98%; height: auto; cursor: pointer;}

.gline2{float:left; color:#08c8c8; background-color: gold; padding:0px 0px 0px 10px; width: 50px; height: 25px; cursor: pointer;}

.gline2-1{float:left; color:#40625e; background-color: gold; padding:0px 0px 0px 0px;width: 50px; height: 25px; cursor: pointer;}

.gline3{float:left; color:#08c8c8; background-color: gold; padding:0px 0px 0px 0px;width: 50px; height: 25px; cursor: pointer;}

.gline3-1{float:left; color:#40625e; background-color: gold; padding:0px 0px 0px 0px;width: 30px; height: 25px; cursor: pointer;}

.gline4{float:left; color:#527af0; background-color: gold; padding:0px 0px 0px 0px;width: 40px; height: 25px; cursor: pointer;}

.gline4-1{float:left; color:#ccacac; background-color: gold; padding:0px 0px 0px 0px;width: 10px; height: 25px; cursor: pointer;}

.gline4-2{float:left; color:#ccacac; background-color: gold; padding:0px;width: 67.01%; height: 25px; cursor: pointer;}

</style>

 

<body>

<h1>주식갤링크</h1>

<p>재미있는 일간 주식링크.</p>

 

    <div class="subbackground">

      <hr />

      <div class="gline1" onclick="location.href='https://www.bobaedream.co.kr/view?code=strange&No=4552818&bm=1';">떡상중</div>

      <div style="clear:left"></div>

      

      <div class="gline2">일시 : </div> <div class="gline2-1">09:00</div>

      <div class="gline4-1">|</div>

      <div class="gline3">추천 : </div> <div class="gline3-1">24</div>

      <div class="gline4-1">|</div>

      <div class="gline4">주겔</div>

  <div style="clear:left; "></div>

      <hr />

</div>

    

 

    <div class="subbackground">

      <div class="gline1" onclick="location.href='https://www.bobaedream.co.kr/view?code=strange&No=4552805&bm=1';">추미애가 옳았다!! 답답한 민주당에 일침 "법사위 양도 철회해라".....</div>

      <div style="clear:left"></div>

      

      <div class="gline2">일시 : </div> <div class="gline2-1">09:00</div>

      <div class="gline4-1">|</div>

      <div class="gline3">추천 : </div> <div class="gline3-1">24</div>

      <div class="gline4-1">|</div>

      <div class="gline4">주겔</div>

  <div style="clear:left; "></div>

      <hr />

</div>    

 

 

</body>

</html>

 


 

<!DOCTYPE html>

<html>

<head>

<title>주식갤링크</title>

</head>

<body>

<h1>주식갤링크</h1>

<p>재미있는 일간 주식링크.</p>

 

<div style="float:left; background-color: gold; padding:10px; width: 300px; height: auto; cursor: pointer;" onclick="location.href='https://gall.dcinside.com/board/view/?id=neostock&no=1333250&page=3';">떡상중</div> <div style="float:left; background-color: gold; padding:10px; width: 50px; height: auto; cursor: pointer;">09:00</div> <div style="float:left; background-color: gold; padding:10px; width: 50px; height: auto; cursor: pointer;">24</div></div>

 

<div style=" background-color: gold; padding:10px; width: 300px; height: auto; cursor: pointer;" onclick="location.href='https://gall.dcinside.com/board/view/?id=neostock&no=1333221&page=3';">똑똑한 주갤러들아 뭐 좀 묻자</div>

 

 

 

</body>

</html>

 

<!DOCTYPE html>

<html>

<head>

<title>주식갤링크</title>

</head>

 

<style type="text/css">

.gline1{float:left; font-size:20px;background-color: gold; padding:10px; width: 400px; height: auto; cursor: pointer;}

.gline2{float:left; background-color: gold; padding:10px; width: 70px; height: auto; cursor: pointer;}

.gline3{float:left; background-color: gold; padding:10px; width: 55px; height: auto; cursor: pointer;}

.gline4{float:left; background-color: gold; padding:10px; width: 70px; height: auto; cursor: pointer;}

</style>

 

<body>

<h1>주식갤링크</h1>

<p>재미있는 일간 주식링크.</p>

 

<div class="gline1" onclick="location.href='https://gall.dcinside.com/board/view/?id=neostock&no=1333250&page=3';">떡상중</div><div style="clear:left"></div>

<div class="gline2">일시</div> <div class="gline2">09:00</div><div class="gline3">추천</div> <div class="gline3">24</div><div class="gline4">주겔</div></div>

 

<div style="clear:left"></div>

 

<hr />

<div class="gline1" onclick="location.href='https://gall.dcinside.com/board/view/?id=neostock&no=1333221&page=3';">똑똑한 주갤러들아 뭐 좀 묻자</div><div style="clear:left">

<div class="gline2">일시</div> <div class="gline2">09:00</div> <div class="gline3">추천</div> <div class="gline3">24</div><div class="gline4">주겔</div></div>

 

<div style="clear:left"></div>

 

<hr />

 

</body>

</html>

 

 

<!DOCTYPE html>

<html>

<head>

<title>주식갤링크</title>

</head>

 

<style type="text/css">

.gline1{float:left; font-size:20px;background-color: gold; padding:10px; width: 100%; height: auto; cursor: pointer;}

.gline2{float:left; background-color: gold; padding:0px; width: 5%; height: auto; cursor: pointer;}

.gline2-1{float:left; background-color: gold; padding:0px;width: 5%; height: auto; cursor: pointer;}

.gline3{float:left; background-color: gold; padding:0px;width: 5%; height: auto; cursor: pointer;}

.gline3-1{float:left; background-color: gold; padding:0px;width: 5%; height: auto; cursor: pointer;}

.gline4{float:left; background-color: gold; padding:0px;width: 10%; height: auto; cursor: pointer;}

.gline4-1{float:left; background-color: gold; padding:0px;width: 5%; height: auto; cursor: pointer;}

</style>

 

<body>

<h1>주식갤링크</h1>

<p>재미있는 일간 주식링크.</p>

 

<div class="gline1" onclick="location.href='https://gall.dcinside.com/board/view/?id=neostock&no=1333250&page=3';">떡상중</div><div style="clear:left"></div>

<div class="gline2">일시 : </div> <div class="gline2">09:00</div>

<div class="gline4-1">|</div>

<div class="gline3">추천 : </div> <div class="gline3">24</div>

<div class="gline4-1">|</div>

<div class="gline4">주겔</div></div>

 

<div style="clear:left"></div>

 

<hr />

<div class="gline1" onclick="location.href='https://gall.dcinside.com/board/view/?id=neostock&no=1333221&page=3';">똑똑한 주갤러들아 뭐 좀 묻자</div><div style="clear:left">

<div class="gline2">일시 : </div> <div class="gline2">09:00</div> 

<div class="gline4-1">|</div>

<div class="gline3">추천 : </div> <div class="gline3">24</div>

<div class="gline4-1">|</div>

<div class="gline4">주겔</div></div>

 

<div style="clear:left"></div>

 

<hr />

 

</body>

</html>

 

 


<!DOCTYPE html>

<html>

<head>

<title>주식갤링크</title>

</head>

 

<style type="text/css">

.divs{width:100%;height:70px;}

.gline1{float:left; font-size:20px; color:#a4065d;background-color: gold; padding:10px; width: 98%; height: auto; cursor: pointer;}

.gline2{float:left; color:#6c625e; background-color: gold; padding:0px 0px 0px 10px; width: 5%; height: 25px; cursor: pointer;}

.gline2-1{float:left; color:#40625e; background-color: gold; padding:0px;width: 5%; height: 25px; cursor: pointer;}

.gline3{float:left; color:#40625e; background-color: gold; padding:0px 0px 0px 10px;width: 5%; height: 25px; cursor: pointer;}

.gline3-1{float:left; color:#40625e; background-color: gold; padding:0px;width: 5%; height: 25px; cursor: pointer;}

.gline4{float:left; color:#40625e; background-color: gold; padding:0px 20px;width: 5%; height: 25px; cursor: pointer;}

.gline4-1{float:left; color:#ccacac; background-color: gold; padding:0px 0px 0px 0px;width: 1%; height: 25px; cursor: pointer;}

.gline4-2{float:left; color:#ccacac; background-color: gold; padding:0px;width: 67.01%; height: 25px; cursor: pointer;}

</style>

 

<body>

<h1>주식갤링크</h1>

<p>재미있는 일간 주식링크.</p>

 

<div class="divs">

  <div class="gline1" onclick="location.href='https://gall.dcinside.com/board/view/?id=neostock&no=1333250&page=3';">떡상중</div><div style="clear:left"></div>

  <div class="gline2">일시 : </div> <div class="gline2-1">09:00</div>

  <div class="gline4-1">|</div>

  <div class="gline3">추천 : </div> <div class="gline3-1">24</div>

  <div class="gline4-1">|</div>

  <div class="gline4">주겔</div>

  <div class="gline4-2"></div>

</div>

 

<div style="clear:left; "></div>

 

</div>

 

 

<hr />

<div class="gline1" onclick="location.href='https://gall.dcinside.com/board/view/?id=neostock&no=1333221&page=3';">똑똑한 주갤러들아 뭐 좀 묻자</div><div style="clear:left">

<div class="gline2">일시 : </div> <div class="gline2-1">09:00</div> 

<div class="gline4-1">|</div>

<div class="gline3">추천 : </div> <div class="gline3-1">24</div>

<div class="gline4-1">|</div>

<div class="gline4-2">주겔</div></div>

 

<div style="clear:left;"></div>

 

<hr />

 

</body>

</html>

 

 

TAG •