묻고답하기
HTML 질문입니다.
2017.04.15 03:28
OKKY - Article 등록
우선 질문을 하기에 앞서 왕왕초보입니다. 현재 광고페이지를 만들었고 주소(URL)까지 있습니다.
구글링 수백시간을(1주일 이상) 한 결과 힘들게 힘들게 만들었습니다. 허나 웹이 아닌 앱(휴대폰 접속)에서 확인을 해보니 화면이 엄청 크게 나옵니다. (웹에서도 모니터 사이즈에 딱 맞게 나와야 하는데 좀 이상한듯합니다)휴대폰마다 싸이즈가 틀려서 자동으로 휴대폰 화면 규격에 맞게 되는걸로 알고 있는데요 도저히 안되서 창피함을 무릎쓰고 올려봅니다(제가 작업하는 광고가 불법광고입니다 )
1) HTML 파일을 에디트플러스로 모든 작업 하였습니다.
제가 아는 걸로는 (4월 14일 약 8시간 검색 )
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=0, user-scalable=yes, target-densitydpi=medium-dpi" />
이 코드를 넣으면 자동으로 맞춰준다는걸 구글링을 통해서 알았습니다. 허나 어떤 짓을 해봐도 바뀌질 않습니다. user-scalable=no 이걸로도 해보고 했는데 제 상식이 당연히 부족하다보니 도저히 화가날 정도로 안되더라구요. 정말 코드에 별의 별걸 다 넣어본 상태인데 페이지가 완젼 꼬였습니다. 현 새벽까지 하는 중인데 안되네요
다시한번 제가 코딩하는 것이 좀 다른분들에게 눈살이 찌부려 질지도 모른다는 생각에 다시 한번 죄송하다는 말씀드리고 전체 코딩한걸 올리겠습니다.
현재 만들어진 광고 주소는(URL) MLB007.com입니다.
<html lang="ko">
<head>
<title>여러분의 방문을 환영합니다.</title>
<meta name="google-site-verification" content="CrgE0ehwlk0quI2aFGVKzUmRJe5L2YUOGeF7uBcIoRw" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="robots" content="index, follow, noarchive" />
<meta name="google-site-verification" content="PLnG5KA3X7NY-PqDRBWfYEGObSKUDO2yhXYw8p5LGro" />
<link rel="stylesheet" href=''>
<link href="css/style1.css" rel="stylesheet">
<link rel="stylesheet" href="http://fonts.googleapis.com/earlyaccess/nanumgothic.css" type="text/css" media="screen">
<script src="js/jquery-1.10.1.min.js" type="text/javascript"></script>
<script src="js/jquery.hoverGrid.js"></script>
<script src="../lib/jquery-1.10.2.min.js"></script>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<style>
BODY,TD,SELECT,input,DIV,form,TEXTAREA,center,option,pre,blockquote {font-size:9pt; font-family:굴림;color:#01DFD7}
td { font-family:"맑은 고딕"; }
h1 { font-family:"맑은 고딕"; font-size:40px; }
h2 { font-family:"맑은 고딕"; font-size:30px; font-color: }
h4 {font-family:"맑은 고딕"; font-size:20px; }
A:link {color:black;text-decoration:none;}
A:visited {color:black;text-decoration:none;}
A:active {color:black;text-decoration:none;}
A:hover {color:444444;text-decoration:underline}
</style>
<body>
<table border align=center style="background:black;" width=50% height=20%>
<div class="container">
<tr><td align=center width=1000 height=5%>
<h1><font color="#FFFFFF" fontsize:60px;>환 전 책 임 보 상 제 도 운 영</h1>
<h2><fontsize=40"><font color="#01DFD7";>카톡 lili5554 콜센터 070 4732 3344 <fontsize=40"><font color="red";>(총판 문의 환영)</font></h2>
<h2><MARQUEE scrollamount="10"><font color="#00ff00" ;>신규가입 시 연락주시면 추가 쿠폰증정</b></MARQUEE></h2>
<h2><MARQUEE direction="right" scrollamount="10"><font color="#00ff00" ;>"24시 웃는 얼굴로 기다릴께요"</b></MARQUEE></h2>
</div>
</div>
<table border align=center style="background:black;" font-sizewidth=50% height=20%>
<tr align=center>
<td border align=center style="background:black;" font-sizewidth=50% height=20%><h2><font color="#FFFFFF" fontsize:60px;>풀벳(toto 사이트)</h2></td>
<td border align=center style="background:black;" font-sizewidth=50% height=20%><h2><font color="#FFFFFF" fontsize:60px;>MLB(baduki사이트)</h2></td>
</tr>
<tr align=center>
<td><A href="http://qqq-top.com" target="_blank"><img src="C:\Users\Administrator\Desktop\source\toto2.jpg" width=894 height=222></td>
<td><<A href="http://kqf59.com" target="_blank"><img src="C:\Users\Administrator\Desktop\source\baduki2.jpg" width=894 height=222 ></td>
</tr>
<tr align=center >
<td ><p><h3><font color="#01DFD7">신규 첫충 15% 매충,주말,돌발이벤트 / 실시간게임(사다리,다리다리,알라딘,로하이,파워볼)<h3></p>
<p><h4><A href="http://qqq-top.com" target="_blank"><font color="red" font-size:200px height=80>가입주소 : qqq-top.com 가입코드 nike</h4></font></a></p>
<td><p><h3><font color="#01DFD7">신규 첫입금 10만원 이상 입금시 첫 충전 10% + 쿠폰 5만지급</h3></p>
<h3><font color="#01DFD7">고객센터로 연락주시면 5만원 쿠폰 추가지급</h3></font>
<p><h4><A href="http://kqf59.com" target="_blank"><font color="red" height=50>가입주소 : kqf59.com</h4></font></a></p>
</td>
</tr>
<table border align=center width=50% font color="#FFFFFF" style="background:black;" height=20%>
<tr align=center>
<td ><h3><font color="#FFFFFF" fontsize:100px;>THE CASINO( 사이트)</h3></td>
<td><h3><font color="#FFFFFF" fontsize:60px;>CHERRY(사이트)-(구)그랜드게임</h3></td>
<td><h3><font color="#FFFFFF" fontsize:60px;>PRIMECASINO( 사이트)</h3></td>
<td><h3><font color="#FFFFFF" fontsize:60px;>광고 문의</h3></td>
</tr>
<tr align=center>
<td><A href="http://xut913.com" target="_blank"><img src="C:\Users\Administrator\Desktop\source\the casino2.jpg"width=444 height=222 ></td>
<td><A href="http://ath195.com" target="_blank"><img src="C:\Users\Administrator\Desktop\source\CHERRY2.jpg" width=444 height=222></td>
<td><A href="http://kt166.com" .com" target="_blank"><img src="C:\Users\Administrator\Desktop\source\prime casino2.JPG"width=444 height=222></td>
<td><A target="_blank"><img src="C:\Users\Administrator\Desktop\source\ad1.JPG"width=444 height=222></td>
</tr>
<tr align=center>
<td><p><h5><font color="#01DFD7">신규 첫입금 10만원 이상 입금시 첫 충전 10% + 쿠폰 5만지급</h5></p>
<h3><font color="#01DFD7">고객센터로 연락주시면 3만원 쿠폰 추가지급</h3></font>
<h4><A href="http://xut913.com" target="_blank"><font color="red" height=50>가입주소 : xut913.com</h4></font>
</td><td><p><h5><font color="#01DFD7">신규 첫입금 10만원 이상 입금시 첫 충전 10% + 쿠폰 5만지급</h5></p>
<h3><font color="#01DFD7">고객센터로 연락주시면 5만원 쿠폰 추가지급</h3></font>
<h4><A href="http://ath195.com" target="_blank"><font color="red" height=50>가입주소 : ath195.com</h4></font></a>
</td><td><p><h5><font color="#01DFD7">신규 첫입금 10만원 이상 입금시 첫 충전 10% + 쿠폰 5만지급</h5></p>
<h3><font color="#01DFD7">고객센터로 연락주시면 5만원 쿠폰 추가지급</h3></font>
<h4><A href="http://kt166.com" target="_blank"><font color="red" height=50>가입주소 : kt166.com"</h4></font>
</td><td><p><h3><font color="#FFFFFF">광고 문의</h3></p>
</tr>
</body>
</html>
반응형으로 제작하실거라면 크기를 고정해서는 안됩니다.
저 소스에서 문제되는부분은 이 부분이네요.
<td align=center width=1000 height=5%>
width를 1000px로 고정시켜서 모바일에서도 크게 보이는겁니다.