html 소스 전화번호 문자 보내기 링크 걸기

모바일 페이지에서 전화번호 링크거는 방법

*pc에서 볼때는 적용되지 않으나 모바일에서 볼 경우엔 적용이 됩니다.


모바일 페이지에서 sms링크 거는 방법

*모바일에서 링크 클릭하면 문자보내는 페이지로 전환됩니다.


<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>모바일에서 전화걸기/문자보내기</title>

</head>




<body>

<h1>모바일기능</h1>

<h2>모바일에서 전화걸기</h2>

<p><a href="tel:01046689925">전화걸기</a>


<h2>모바일에서 문자보내기</h2>

<p><a href="sms:01046689925">문자보내기</a></p>


</body>

</html>





'IT > HTML5' 카테고리의 다른 글

html5언어 구조_index.html  (0) 2018.08.25
HTML의 기본 문법 (Basic HTML Grammar)  (0) 2018.08.20
html편집기!!!아톰 에디터 Atom editor 설치하기  (0) 2018.08.01
엑셀 함수 정리  (0) 2018.04.10

cascsding style sheets 적용하기


스타일 시트(cascsding style sheets)

  • 작업 페이지마타 같은 스타일을 지정하여 일관성을 부여합니다.
  • 스타일을 미리 만들어 저장하고 필요한 ㅂ1ㅜ분에 정의 해주는 기능입니다.
  • 글자의 크기, 서체, 배경과 배열 위치 등을 선택하여 설정 할 수 있고 만들어진 스타일 시트는 삭제, 편집이 가능합니다.

외부 스타일 시트

확장자가 CSS가 붙어서 저장되는 독립된 파일입니다.

한번 저장해 놓으면 다른 파일에서 연결하여 사용 할 수 있습니다.


내부 스타일 시트

CSS를 정의한 문서에서만 사용이 가능합니다.

문서안에 포함되어 저장 되고 다른 파일에서는 연결하여 사용 할 수 없습니다.


스타일 시트 만들기

  • 인라인 스타일 : 태그에 직접 적용되고 한번만 사용할 수 있습니다. 어떤 태그에 적용되고 있는지 코드를 통해 확인 할 수 있고 속성 창에서 값을 정의합니다.
  • 클라스: CSS 디자이너 패널을 통해 정의하여 사용합니다.
    1. 새CSS 파일 생성 : 외부 스타일 시트 정의
    2. 기존 CSS 파일 첨부 : 저장된 외부 스타일 시트 연결
    3. 이 페이지에 정의 :  내부 스타일 시트


스타일 시트(cascsding style sheets) 적용하기

스타일 시트 만들기

메뉴 -> window -> CSS디자이너 


소스 부분에서 + 부호를 눌러 새로운 스타일 시트를 만들 수 있습니다.
선택기 부분에서 태그나 클라스의 이름을 적거나 선택할 수 있습니다
속성 부분에서 정의 하고자 하는 값을 선택합니다.











프레임 셋 태그 사용하기

레이아웃을 잡기 위해 화면을 분할하여 각각 나누어진 화면에 html문서를 불러들여 여러개의 파일을 하나의 파일에서 볼 수 있도록 하는 기능입니다.


드림위버CC 버전부터 프레임을 설정 할 수 있는 메뉴와 패널이 배제되었으므로 코딩창에서 직접 코딩하여 사용 할 수 있습니다.


네비게이션 테스트에 많은 시간이 소요되고 북마크의 어려움 가변적인 페이지 디자인의 방해 요소 등 다양한 단점들로 인해 최근 사용 빈도가 줄고 있으며 페이지를 레이아웃 하는 요소에서 베제되고 있습니다.


<frameset>

row="128,418"  행으로 분할

cols="183,1367" 열로 분할

frameborder="yes" 프레임 테두리 설정 여부 yes / no

border="5" 프레임 테두리의 두께

bordercolor="#99ff99" 테두리의 색상


<frame src="a,html">

</frameset>



<frame>

src="불러들일 파일 명"

scrolling="스크롤바의 생성 여부" auto / no / yes

noresize="noresize" 프레임의 크기 조절 불가

marginheight="0" 상하의 여백

marginwidth="0" 좌우 여백

name="b" 프레임의 이름 설정

+ Recent posts