1. 칸 내리기 Tag
오픈컴 모바일 홈페이지 빌더는
참 쉽고 편리해요!!
<![CDATA[오픈컴 모바일 홈페이지 빌더는<br />참 쉽고 편리해요!!]]>
2-1. 글자크기 / 폰트 / 색상 / 진하게 종합 소스
오픈컴 모바일홈페이지 빌더 참 쉽고 편리해요!!
<![CDATA[<span style="font-size:18px;font-family:arial;color:#F00;font-weight:bold;">오픈컴 모바일홈페이지 빌더 참 쉽고 편리해요!!</span>]]>
2-2. 글자크기 또는 진하게, 색상만 변경한 샘플 소스
1) 글자크기만 변경
2) 진하게만 변경
3) 색상만 변경
<![CDATA[
<span style="font-size:18px;">1) 글자크기만 변경</span>
<span style="font-weight:bold;">2) 진하게만 변경</span>
<span style="color:#F00;">3) 색상만 변경</span>
]]>
3. 표만들기
| 서비스 종류 |
서비스 세부사항 |
기본단가 |
비 고 |
| 웹호스팅 |
모바일 전용 |
월5천원 |
|
| 메일 호스팅 |
200M |
월2천원 |
|
| 홈페이지 제작 |
주문형 제작 |
견적문의 |
|
<![CDATA[
<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;"> </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;"> </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;"> </td>
</tr>
</table>
]]>
4-1. 홈페이지 주소 링크
<![CDATA[<a href="http://www.opencom.com" target="_blank">오픈컴 홈페이지 바로가기</a>]]>
4-2. 유튜브 동영상 주소 링크
<![CDATA[<a href="http://www.youtube.com/watch?v=RDNjKZhWqTI" target="_blank">오픈컴 코퍼워드(html5) 동영상 정보</a>]]>
4-3. 전화 바로연결 링크
<![CDATA[<div style="text-align:center;"><a href="tel:15444256" target="_blank">오픈컴 고객센터</a></div>]]>
<![CDATA[
<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. 문자 바로연결 링크
<![CDATA[<div style="text-align:center;"><a href="sms:01012341234" target="_blank">문자상담하기</a></div>]]>
<![CDATA[
<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>
]]>