Skip to content
HTMLPHPMSQL
2021.07.24 10:49

html testing

조회 수 3740 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

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

단축키

Prev이전 문서

Next다음 문서

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

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 •
로그인 후 댓글쓰기가 가능합니다.

?

List of Articles
번호 분류 제목 날짜 조회 수
177 컴퓨터잡담 부팅이 되지 않을 경우 조치방법 2012.05.14 4006
176 컴퓨터잡담 무선제어 각종제어 모터 기어 체인 등 3 2012.06.12 4006
175 컴퓨터잡담 구글 플레이스토어 file 2012.10.16 3940
174 파이썬 키움 증권 API를 이용하여 주식 자동 매매 프로그램 개발 3 2021.09.07 3935
173 컴퓨터잡담 CPU-Z file 2019.02.23 3924
172 Server 윈도우 time_wait 없애기 2016.03.08 3919
171 [Docs]스프레드시트 쇼킹한 웹 긁어오기 2014.11.11 3903
170 컴퓨터잡담 안드로이드 플래시 동영상이 안될때 해결방법 [200, Stream not found, NetStream.Play.StreamNotFound, clip: '[Clip] ...Progress] file 2015.12.01 3902
169 HTMLPHPMSQL CCS 메뉴 스타일 링크 2021.08.04 3891
168 Server 8기가 램에 맞는 Mysql config 셋팅 값 1 2016.02.22 3859
167 WindowsTip 윈도우 8.1 종료버튼 만들기 file 2015.03.21 3851
166 파이썬 파이썬 음력에서 양력변환 또는 양력에서 음력변환방법 2021.09.22 3803
165 Server innodb_use_sys_malloc에 따라 The InnoDB memory heap is disabled mysql error 메시지 1 2016.08.23 3794
164 컴퓨터잡담 파이썬 for문으로 자동변수 생성하기 2021.06.24 3790
163 WindowsTip 윈도우 8.1 업데이트 하지 않기 file 2015.03.21 3777
162 파이썬 파이썬 오류모음(에러모음) file 2021.09.09 3755
» HTMLPHPMSQL html testing 2021.07.24 3740
160 컴퓨터잡담 언인스톨 사용하기 1 2011.02.05 3689
159 Server XE 반응형 모바일 메타태그 삽입하기 2016.08.14 3687
158 컴퓨터잡담 MP3 소리 크기 조절 프로그램 file 2016.08.14 3645
Board Pagination Prev 1 ... 36 37 38 39 40 ... 46 Next
/ 46

http://urin79.com

우린친구블로그

sketchbook5, 스케치북5

sketchbook5, 스케치북5

나눔글꼴 설치 안내


이 PC에는 나눔글꼴이 설치되어 있지 않습니다.

이 사이트를 나눔글꼴로 보기 위해서는
나눔글꼴을 설치해야 합니다.

설치 취소