컨텐츠 바로가기

모바일 서비스 소식

오픈컴 모바일홈페이지 HTML 꾸미기 주요 Tag 정리

작성자
오픈컴
작성일
11-09-16 14:04

1. 칸 내리기 Tag

오픈컴 모바일 홈페이지 빌더는
참 쉽고 편리해요!!
오픈컴 모바일 홈페이지 빌더는<br />참 쉽고 편리해요!!

2-1. 글자크기 / 폰트 / 색상 / 진하게 종합 소스

오픈컴 모바일홈페이지 빌더 참 쉽고 편리해요!!
<span style="font-size:18px;font-family:arial;color:#F00;font-weight:bold;">오픈컴 모바일홈페이지 빌더 참 쉽고 편리해요!!</span>

2-2. 글자크기 또는 진하게, 색상만 변경한 샘플 소스

1) 글자크기만 변경
2) 진하게만 변경
3) 색상만 변경
<span style="font-size:18px;">1) 글자크기만 변경</span> <span style="font-weight:bold;">2) 진하게만 변경</span> <span style="color:#F00;">3) 색상만 변경</span>

3. 표만들기

서비스 종류 서비스 세부사항 기본단가 비 고
웹호스팅 모바일 전용 월5천원  
메일 호스팅 200M 월2천원  
홈페이지 제작 주문형 제작 견적문의  
<table width="100%" border="0" cellspacing="1" cellpadding="10" bgcolor="#CCCCCC" style="border-collapse:separate;"> <tr> <td bgcolor="#6699CC" align="center" style="padding:5px;"><span style="color:#fff;font-weight:bold;">서비스 종류</span></td> <td bgcolor="#6699CC" align="center" style="padding:5px;"><span style="color:#fff;font-weight:bold;">서비스 세부사항</span></td> <td bgcolor="#6699CC" align="center" style="padding:5px;"><span style="color:#fff;font-weight:bold;">기본단가</span></td> <td bgcolor="#6699CC" align="center" style="padding:5px;"><span style="color:#fff;font-weight:bold;">비 고</span></td> </tr> <tr> <td bgcolor="#F8F8F8" align="center" style="padding:5px;">웹호스팅</td> <td bgcolor="#FFFFFF" align="center" style="padding:5px;">모바일 전용</td> <td bgcolor="#FFFFFF" align="center" style="padding:5px;">월5천원</td> <td bgcolor="#FFFFFF" align="center" style="padding:5px;">&nbsp;</td> </tr> <tr> <td bgcolor="#F8F8F8" align="center" style="padding:5px;">메일 호스팅</td> <td bgcolor="#FFFFFF" align="center" style="padding:5px;">200M</td> <td bgcolor="#FFFFFF" align="center" style="padding:5px;">월2천원</td> <td bgcolor="#FFFFFF" align="center" style="padding:5px;">&nbsp;</td> </tr> <tr> <td bgcolor="#F8F8F8" align="center" style="padding:5px;">홈페이지 제작</td> <td bgcolor="#FFFFFF" align="center" style="padding:5px;">주문형 제작</td> <td bgcolor="#FFFFFF" align="center" style="padding:5px;">견적문의</td> <td bgcolor="#FFFFFF" align="center" style="padding:5px;">&nbsp;</td> </tr> </table>

4-1. 홈페이지 주소 링크

<a href="http://www.opencom.com" target="_blank">오픈컴 홈페이지 바로가기</a>

4-2. 유튜브 동영상 주소 링크

<a href="http://www.youtube.com/watch?v=RDNjKZhWqTI" target="_blank">오픈컴 코퍼워드(html5) 동영상 정보</a>

4-3. 전화 바로연결 링크

<div style="text-align:center;"><a href="tel:15444256" target="_blank">오픈컴 고객센터</a></div>
<div style="text-align:center;"> <a href="tel:15444256" target="_blank" style="background:rgb(235, 100, 132);margin:15px 0px;padding:8px 20px; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;color:rgb(255, 255, 255);font-weight:bold; display:inline-block;box-shadow:2px 2px 2px rgba(0,0,0,0.3);-moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.3);text-decoration:none;">오픈컴 고객센터</a> </div>

4-4. 문자 바로연결 링크

<div style="text-align:center;"><a href="sms:01012341234" target="_blank">문자상담하기</a></div>
<div style="text-align:center;"> <a href="sms:01012341234" target="_blank" style="background:rgb(235, 100, 132);margin:15px 0px;padding:8px 20px; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;color:rgb(255, 255, 255);font-weight:bold; display:inline-block;box-shadow:2px 2px 2px rgba(0,0,0,0.3);-moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.3);text-decoration:none;">문자상담하기</a> </div>
처음으로 가기