Skip to content

Blog 우린친구 블로그에 오신것을 환영합니다.

✔ 뷰어로 보기
HTMLPHPMSQL
2021.07.24 10:49

html testing

nanumi
조회 수 3788 추천 수 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 •
Facebook Twitter Google Pinterest
위로 아래로 댓글로 가기 인쇄
로그인 후 댓글쓰기가 가능합니다.

에디터 선택하기
?
에디터 사용하기 닫기
  1. 01
    Apr 2016
    23:21

    힙합의 민족 최병주 우승후보 할미넴의 랩실력

    Category연예정보 Views43019
    Read More
  2. 02
    Jul 2009
    20:54

    힘들어하는 당신에게 위로합니다.

    Category일상 Views18977
    Read More
  3. 04
    Nov 2009
    11:16

    휴대폰에 48시간 녹화기능 갖춘 CCTV기능 장착

    Category일상 Views12657
    Read More
  4. 09
    Dec 2016
    11:56

    휴대폰 진동원리를 알아보자

    Category회로도전자부품 Views8018
    Read More
  5. 30
    Jul 2016
    17:25

    휴대폰 개통 철회 = 계약일 7일내 철회 가능

    Category유용한상식 Views5462
    Read More
  6. 27
    Apr 2013
    15:18

    훈훈한 아동주민

    Category재미재미 Views10726
    Read More
  7. 25
    Apr 2017
    12:39

    효종의 북벌 프로젝트가 끝내 실패한 이유

    Category종교와철학 Views5858
    Read More
  8. 09
    Dec 2016
    00:30

    효과 빠른 근력 키우기 운동 48동작

    Category유용한상식 Views2433
    Read More
  9. 18
    Jul 2012
    17:10

    회로도, 마이컴, 브레드보드 사용방법 등

    CategoryAVR Views13391
    Read More
  10. 31
    Aug 2013
    17:30

    회로계산기(RLC, LC, dBm, Enter conversion, Volume resistivity, Reflection and refraction)

    Category회로도전자부품 Views18641
    Read More
Board Pagination Prev 1 2 3 4 5 ... 235 Next
/ 235

http://urin79.com

우린친구블로그

sketchbook5, 스케치북5

sketchbook5, 스케치북5

나눔글꼴 설치 안내


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

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

설치 취소