Skip to content

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

✔ 뷰어로 보기
HTMLPHPMSQL
2021.07.24 10:49

html testing

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

에디터 선택하기
?
에디터 사용하기 닫기
  1. No Image 24Jul
    by nanumi
    2021/07/24 in HTMLPHPMSQL
    Views 3740 

    html testing

  2. No Image 04Aug
    by
    2021/08/04 in HTMLPHPMSQL
    Views 3891 

    CCS 메뉴 스타일 링크

  3. No Image 11Nov
    by
    2014/11/11 in HTMLPHPMSQL
    Views 5801 

    PHP강좌 MySQL 연동

  4. No Image 08Nov
    by
    2017/11/08 in HTMLPHPMSQL
    Views 6900 

    mysqli로 DB 검색 조회

  5. No Image 08Feb
    by
    2018/02/08 in HTMLPHPMSQL
    Views 7957 

    자바스크립트 내가 자주 사용하는 함수모음

  6. No Image 22Jul
    by
    2015/07/22 in HTMLPHPMSQL
    Views 8329 

    PHP5.4.4 form 변수 전달받기(get, post방식)

  7. No Image 23Jan
    by
    2018/01/23 in HTMLPHPMSQL
    Views 10790 

    자주 쓰이는 정규식(Regular Expression)

  8. No Image 31Jan
    by
    2018/01/31 in HTMLPHPMSQL
    Views 12894 

    자바스크립트 명령어

  9. No Image 25Jan
    by
    2018/01/25 in HTMLPHPMSQL
    Views 17336 

    javascript만으로 html간 변수값 주고받기

  10. No Image 13Dec
    by
    2023/12/13 in HTMLPHPMSQL
    Views 50026  Replies 1

    지정한 이미지파일명을 출력 시키는 시험문제풀이 html

Board Pagination Prev 1 Next
/ 1

http://urin79.com

우린친구블로그

sketchbook5, 스케치북5

sketchbook5, 스케치북5

나눔글꼴 설치 안내


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

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

설치 취소