'IT/HTML5' 카테고리의 글 목록

<!DOCTYPE html>

<html>
    
    <head>
    
        <meta charset="utf-8">
       
        <title>MARANATHA</title>
    
    </head>
    

    <body>
    
         <h1>welcome to maranatha home</h1>
      

         <a href="sample.html">MARANATHA</a>
      <br>
      <br>

<a href="attribute.html">즐겨찾는 페이지</a>

          <img src="photo.jpg" alt="인물사진" title="인물사진"width="500" height="400">
            
            < !--img src="경로" alt="시각 장애인접근성, 필수 이미지가 안보일때 글자로 표시" title="마우스올렸을때 설명글"-->
    </body>
     
</html>


     
        
        MARANATHA
    
    
        
        welcome to maranatha home
        MARANATHA
        

        

        즐겨찾는 페이지

저작자표시 비영리 변경금지

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

HTML의 기본 문법 (Basic HTML Grammar) (0)	2018.08.20
html편집기!!!아톰 에디터 Atom editor 설치하기 (0)	2018.08.01
엑셀 함수 정리 (0)	2018.04.10
[html 소스]전화번호 문자 보내기 링크 걸기 (0)	2018.03.17

Won's Factory

HTML의 기본 문법 (Basic HTML Grammar)

기본 문법의 표준이라는 뜻은 정해놓은 규칙이나 절차라는 의미입니다.

웹 표준을 준수한다는 의미는 '정해진 규칙을 잘 치켜서 마크업(makr-up)한다라는 의미입니다.

중요한 용어에 대해서 잠깐 설명을 해보겠습니다.

<P> , <spen> , <a> 등과 같은 명령어의 형태가 <>(각괄호)안에 들어가 있을 때 이런 문장들을 [Tag]라고 합니다.

<P>~</P>와 같은 태그[Tag]의 시작과 끝에는 <>으로 시작해서 </>로 끝나게 되어 있습니다.

이러한 각 괄호 안에 들어가 있는 <>~</>를 요서[element]라고 합니다.

XHTML 문법의 규칙은 다음과 같습니다.

요소는 정확하게 중첩되어야 합니다.

<p> 중첩된 요소가 있을때 <strong>정확하게</strong>표현해야 합니다.</p>..............................................[o]

<p> 중첩된 요소가 있을때 <strong>정확하게</p>표현해야 합니다.</strong>..............................................[x]

마지막에 정의한 태그[Tag]를 가장 먼저 닫아야 합니다.

요소 및 속성 이름은 소문자로 표기합니다.

<p><a href="index.html">첫페이지</a></p>....................................[o]

<P><A HREF="index.html">첫페이지</A></P>.................................[x]

<a>요소에서 'href'를 속성[attribute]라고 합니다.

'='다음에 오는 것을 값[value]라고 표현합니다.

요소는 꼭 닫아서 마무리를 합니다.

<p> 요소는 꼭<strong>닫아서 마무리를</strong>해야합니다.</p>............................[o]

<p> 요소는 꼭<strong>닫아서 마무리를</strong>해야합니다........................................[x]

한 쌍의 태그[Tag]<>~</>형식의 요소로 이루어져 있지 않고 하나의 태그[Tag]로 되어 있는 요소도 있습니다.

이런 요소들을 '빈 요소[empty element]'라고 합니다.

자주 쓰이는 빈요소는 아래와 같고</>로 꼭 닫아주어야 합니다.

속성값에는 인용 부호를 붙여야 합니다.

<a href="index.html">첫페이지</a>...............................[o]

<a href=index.html>첫페이지</a>...................................[x]

간단하게 이해를 하자면 '=' 다음에 오는 문장들은 값이라고 하는데 이러한 값에는 인용부호를 붙여야 합니다.

속성은 속성값과 함께 사용해야 합니다.

<a href="index.html">첫페이지</a>...............................[o]

<a href>첫페이지</a>...........................................................[o]

속성은 항상 속성값과 함께 선언을 해야 하며 생략을 하면 안됩니다.

img와 area 효소에는 art 속성이 있어야 합니다.

<img src="img/mein.gif" alt="today"/>...................[o]

<img src="img/mein.gif" />...........................................[x]

<img>요소에 alt가 따라와 주어야 하는 이유는 문법적으로 필요하고 이미지를 볼 수 없는 성황에서도 충분히 그 이미지에 대한 정보를 제공해 주기 위해서 입니다. 이 부분은 뒤에 img요소를 설명할때 자세히 다루도록 하겠습니다.

중요한건 alt가 따라와주어야 한다는 것입니다.

특수 문자를 사용할 때는 entity name 또는 entity code를 사용해야 합니다.

me &amp ; me</p>...........................[o] &amp ;는 툭수문자 '&amp'는 특수 문자 '&'의 entity name

me &#38 ; me </p>...........................[o] &#38 ;는 특수문자 '&'의 entity code

me & me </p>.....................................[x]

주석처리 방법입니다.

주석은 일반적으로 협업, 공동작업이나 다음 작업자가 현재 작업 내용을 쉽게 알아 볼 수 있도록 도와주는 설명문형식의 문장입니다.

HTML편집기에서는 보이지만 브라우저 화면에 출력되지는 않습니다.

<!--여기까지가

도움이 되셨다면 로그인 없이 가능한

아래 하트♥공감 버튼을 꾹 눌러주세요!

저작자표시 비영리 변경금지

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

html5언어 구조_index.html (0)	2018.08.25
html편집기!!!아톰 에디터 Atom editor 설치하기 (0)	2018.08.01
엑셀 함수 정리 (0)	2018.04.10
[html 소스]전화번호 문자 보내기 링크 걸기 (0)	2018.03.17

코딩이나 HTML을 공부하려면

꼭 필요한게 HTML편집기입니다.

많은 html편집기와 html 에디터 중에서

최고를 뽑으라고 하면

아톰 에티더를 추천합니다.

아톰 에디터

아톰 에디터는

직접 사용을 해보면 장점이 많은 프로그램입니다.

아톰 에디터의 가장 큰 장점은

무료이면서 강력한 퍼포먼스입니다.

아톰 에디터는 오픈소스이기때문에

다양한 확장기능과

윈도우 뿐만 아니라 리눅스 등 다양한 os와

대부분의 PC 환경에서 사용을 할 수 있는 장점이 있습니다.

운영하는데 살짝 무겁기는 하지만

그래도 어지간한 pc에서는 대부분 사용이 가능합니다.

그럼 지금부터

html편집기!!!

아톰 에디터 Atom editor 설치를 해보겠습니다.

구글에서 아톰에디터를 검색합니다.

아톰 에디터

아래 링크를 클릭하면 아톰 에디터를 다운 로드 받을 수 있습니다.

검색 후 아톰 에디터 공식 사이트로 점속을 하거나

아래를 클릭해서 다운로드를 실행합니다.

아톰에디터 다운로드

아톰 에디터

아톰 에디터 공식 홈페이지가 실행 되면

우측 하단의 다운로드 버튼을 눌러서 아톰 에디터를 받을 수 있습니다

아래와 같은 파일이 다운 로드하고 관리자 권한으로 실행을 해줍니다.

관리자 권한으로 실행을 하면

설치 화면이 보입니다.

알아서 설치를 해주니까

설치 되는 동안 잠깐만 기다리면 됩니다.

아톰 에디터

안내문구나 나오는데

그냥 Open Setup log를 클릭하면 됩니다

아톰 에디터

Open Setup log을 클릭하고 잠시 기다리면

설치가 완료 됩니다.

아톰 에디터

생성된 아이콘을 클릭하면 다음과 같은 화면이 나입니다.

위의 파란 박스는 시간 나실 때 꼭 읽어보시가 바랍니다.

지금은 아톰 설치를 하는게 중요하니

그냥 YES를 클릭합니다.

아톰 에디터

아주 간단하죠.

이제 open a Project를 클릭하고

프로젝트를 진행하면 됩니다.

아톰 에디터

html편집기!!!

아톰 에디터 Atom editor 설치하기였습니다

저작자표시 비영리 변경금지

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

html5언어 구조_index.html (0)	2018.08.25
HTML의 기본 문법 (Basic HTML Grammar) (0)	2018.08.20
엑셀 함수 정리 (0)	2018.04.10
[html 소스]전화번호 문자 보내기 링크 걸기 (0)	2018.03.17

1. 논리/조건함수[8개]
모두 TRUE면 TRUE	AND	함수 이름	AND
		기능	인수가 모두 TRUE이면 TRUE를 출력한다.
		함수식	=AND(인수 1, 인수 2, 인수 3...)
하나라도 TRUE면 TRUE	OR	함수 이름	OR
		기능	인수 중 하나라도 TRUE이면 TRUE를 출력한다.
		함수식	=OR(인수 1, 인수 2, 인수 3...)
TRUE 출력	TRUE	함수 이름	TRUE
		기능	논리값 TRUE 를 출력한다.
		함수식	=TRUE()
FALSE 출력	FALSE	함수 이름	FALSE
		기능	논리값 FALSE 를 출력한다.
		함수식	=FALSE()
논리값을 반대로 출력	NOT	함수 이름	NOT
		기능	수를 반올림한다.
		함수식	=NOT(인수)
조건에 따라 값 구하기	IF	함수 이름	IF
		기능	조건의 참/거짓 여부에 따라 서로 다른 값을 출력한다.
		함수식	=IF(조건식,참일때 값,거짓일때 값)
조건에 맞는 값만 더하기	SUMIF	함수 이름	SUMIF
		기능	주어진 조건에 의해 지정된 셀들의 합을 구한다.
		함수식	=IF(조건 검사 셀,조건,합을 구할 셀)
조건에 맞는 셀의 개수	COUNTIF	함수 이름	COUNTIF
		기능	범위에서 조건에 맞는 셀의 개수를 출력한다.
		함수식	=COUNTIF(범위,조건)

2. 수학/계산 함수[10개]
덧셈 함수	SUM	함수 이름	SUM
		기능	값들을 모두 더한 값을 출력한다.
		함수식	=SUM(값 1, 값 2, 값 3...)
나눗셈의 몫	QUOTIENT	함수 이름	QUOTIENT
		기능	피제수를 제수로 나눈 몫을 구한다.
		함수식	=QUOTIENT(피제수(분자),제수(분모))
나눗셈의 나머지	MOD	함수 이름	MOD
		기능	피제수를 제수로 나눈 나머지를 구한다.
		함수식	=MOD(피제수(분자),제수(분모))
자연수로 내림하기	INT	함수 이름	INT
		기능	수를 가장 가까운 자연수로 내림한 값을 출력한다.
		함수식	=INT(수)
반올림하기	ROUND	함수 이름	ROUND
		기능	수를 반올림한다.
		함수식	=ROUND(수,소수점 이하 자릿수)
제곱근 구하기	SQRT	함수 이름	SQRT
		기능	양의 제곱근을 구한다.
		함수식	=SQRT(수)
난수 출력	RAND	함수 이름	RAND
		기능	0부터 1까지의 난수를 출력한다.
		함수식	=RAND(
원하는 배수로 반올림	MROUND	함수 이름	MROUND
		기능	수를 입력된 배수로 반올림한다.
		함수식	=MROUND(수,배수)
거듭제곱하기	POWER	함수 이름	POWER
		기능	수를 거듭제곱한다.
		함수식	=POWER(밑,지수)
조합 수 구하기	COMBIN	함수 이름	COMBIN
		기능	만들 수 있는 조합의 수를 구한다.
		함수식	=COMBIN(개체수,각조합의개체수)

3. 날짜/시간 함수[10개]
'일' 출력	DAY	함수 이름	DAY
		기능	값에 해당하는 날짜(일)를 출력한다.
		함수식	=DAY(날짜/시간을 나타내는 값)
'월' 출력	MONTH	함수 이름	MONTH
		기능	값에 해당하는 달(월)을 출력한다.
		함수식	=MONTH(날짜/시간을 나타내는 값)
'년' 출력	YEAR	함수 이름	YEAR
		기능	값에 해당하는 해(년)를 출력한다.
		함수식	=YEAR(날짜/시간을 나타내는 값)
'초' 출력	SECOND	함수 이름	SECOND
		기능	값에 해당하는 '초' 를 출력한다.
		함수식	=SECOND(날짜/시간을 나타내는 값)
'분' 출력	MINUTE	함수 이름	MINUTE
		기능	값에 해당하는 '분' 을 출력한다.
		함수식	=MINUTE(날짜/시간을 나타내는 값)
'시' 출력	HOUR	함수 이름	HOUR
		기능	값에 해당하는 '시' 를 출력한다.
		함수식	=HOUR(날짜/시간을 나타내는 값)
현재 시각 출력	NOW	함수 이름	NOW
		기능	현재 시각을 출력한다.
		함수식	=NOW()
현재 날짜 출력	TODAY	함수 이름	TODAY
		기능	현재 날짜를 출력한다.
		함수식	=TODAY()
날짜의 요일 구하기	WEEKDAY	함수 이름	WEEKDAY
		기능	출력 방법에 따라 해당 날짜/시간의 요일을 구한다.
		함수식	=WEEKDAY(날짜/시간을 나타내는 값,출력방법)
전체 작업일 수 구하기	NETWORK /DAYS	함수 이름	NETWORKDAYS
		기능	시작 날짜와 끝 날짜 사이의 주 5일제 기준 전체 작업일 수를 구한다.
		함수식	=NETWORKDAYS(시작날짜,끝날짜,휴일)

4. 통계 함수[12개]
평균 구하기	AVERAGE	함수 이름	AVERAGE
		기능	평균을 출력한다.
		함수식	=AVERAGE(인수1, 인수2, 인수3...)
값이 있는 셀 개수 구하기	COUNTA	함수 이름	COUNTA
		기능	범위 내의 셀들 중 값이 있는 셀의 개수를 출력한다.
		함수식	=COUNTA(인수1, 인수2, 인수3...)
조화 평균 구하기	HARMEAN	함수 이름	HARMEAN
		기능	양수 데이터의 조화 평균을 출력한다.
		함수식	=HARMEAN(수1, 수2, 수3...)
기하 평균 구하기	GEOMEAN	함수 이름	GEOMEAN
		기능	양수 데이터나 범위의 기하 평균을 출력한다.
		함수식	=GEOMEAN(수1, 수2, 수3...)
모집단의 분산 구하기	VARP	함수 이름	VARP
		기능	전체 모집단의 분산을 구한다(논리값, 텍스트 제외).
		함수식	=VARP(수1, 수2, 수3...)
모집단의 표준편차 구하기	STDEVP	함수 이름	STDEVP
		기능	모집단의 표준 편차를 구한다(논리값, 텍스트 제외).
		함수식	=STDEVP(수1, 수2, 수3...)
표본 집단의 분산 구하기	VAR	함수 이름	VAR
		기능	표본 집단의 분산을 구한다(논리값, 텍스트 제외).
		함수식	=VAR(수1, 수2, 수3...)
표본 집단의 표준편차	STDEV	함수 이름	STDEV
		기능	표본 집단의 표준 편차를 구한다(논리값, 텍스트 제외).
		함수식	=STDEV(수1, 수2, 수3...)
중간값 구하기	MEDIAN	함수 이름	MEDIAN
		기능	주어진 값들의 중간값을 구한다.
		함수식	=MEDIAN(수1, 수2, 수3...)
K번째로 큰 값	LARGE	함수 이름	LARGE
		기능	K번째로 큰 값을 구한다.
		함수식	=LARGE(범위,K)
K번째로 작은 값	SMALL	함수 이름	SMALL
		기능	K번째로 작은 값을 구한다.
		함수식	=SMALL(범위,K)
최빈값 구하기	MODE	함수 이름	MODE
		기능	최빈값을 구한다.
		함수식	=MODE(수1,수2,수3...)

5. 데이터 베이스[12개]
열의 평균 구하기	DAVERAGE	함수 이름	DAVERAGE
		기능	지정한 조건에 맞는 데이터베이스에서 열의 평균을 출력한다.
		함수식	=DAVERAGE(데이터베이스,열번호,조건범위)
숫자가 있는 셀의 개수	DCOUNT	함수 이름	DCOUNT
		기능	지정한 조건에 맞는 데이터베이스에서 숫자가 있는 셀의 개수를 출력한다.
		함수식	=DCOUNT(데이터베이스,열번호,조건범위)
비어있지 않은 셀의 개수	DCOUNTA	함수 이름	DCOUNTA
		기능	지정한 조건에 맞는 데이터베이스에서 비어있지 않은 셀의 개수를 출력한다.
		함수식	=DCOUNTA(데이터베이스,열번호,조건범위)
하나인 경우 개별 출력하기	DGET	함수 이름	DGET
		기능	찾을 조건에 맞는 레코드가 하나인 경우 그 레코드를 출력한다.
		함수식	=DGET(데이터베이스,열번호,조건범위)
가장 큰 값 구하기	DMAX	함수 이름	DMAX
		기능	지정한 조건에 맞는 데이터베이스에서 필드 값들 중 가장 큰 수를 출력한다.
		함수식	=DMAX(데이터베이스,열번호,조건범위)
가장 작은 값 구하기	DMIN	함수 이름	DMIN
		기능	지정한 조건에 맞는 데이터베이스에서 필드 값들 중 가장 작은 수를 출력한다.
		함수식	=DMIN(데이터베이스,열번호,조건범위)
곱 구하기	DPRODUCT	함수 이름	DPRODUCT
		기능	지정한 조건에 맞는 데이터베이스에서 필드 값들의 곱을 출력한다.
		함수식	=DPRODUCT(데이터베이스,열번호,조건범위)
표본 집단의 표준편차	DSTDEV	함수 이름	DSTDEV
		기능	지정한 조건에 맞는 데이터베이스에서 표본 집단의 표준편차를 출력한다.
		함수식	=DSTDEV(데이터베이스,열번호,조건범위)
모집단의 표준편차	DSTDEVP	함수 이름	DSTDEVP
		기능	지정한 조건에 맞는 데이터베이스에서 모집단의 표준편차 출력한다.
		함수식	=DSTDEVP(데이터베이스,열번호,조건범위)
열의 합 구하기	DSUM	함수 이름	DSUM
		기능	지정한 조건에 맞는 데이터베이스에서 열의 합을 출력한다.
		함수식	=DSUM(데이터베이스,열번호,조건범위)
표본 집단의 분산	DVAR	함수 이름	DVAR
		기능	지정한 조건에 맞는 데이터베이스에서 표본 집단의 분산을 출력한다.
		함수식	=DVAR(데이터베이스,열번호,조건범위)
모집단의 분산	DVARP	함수 이름	DVARP
		기능	지정한 조건에 맞는 데이터베이스에서 모집단의 분산을 출력한다.
		함수식	=DVARP(데이터베이스,열번호,조건범위)

저작자표시 비영리 변경금지

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

html5언어 구조_index.html (0)	2018.08.25
HTML의 기본 문법 (Basic HTML Grammar) (0)	2018.08.20
html편집기!!!아톰 에디터 Atom editor 설치하기 (0)	2018.08.01
[html 소스]전화번호 문자 보내기 링크 걸기 (0)	2018.03.17

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

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

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

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

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

<!doctype html>

<html>

<head>

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

</head>

<body>

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

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

<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

won's factory

IT/HTML5

html5언어 구조_index.html

welcome to maranatha home

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

HTML의 기본 문법 (Basic HTML Grammar)

HTML의 기본 문법 (Basic HTML Grammar)

요소는 정확하게 중첩되어야 합니다.

요소 및 속성 이름은 소문자로 표기합니다.

요소는 꼭 닫아서 마무리를 합니다.

속성값에는 인용 부호를 붙여야 합니다.

속성은 속성값과 함께 사용해야 합니다.

img와 area 효소에는 art 속성이 있어야 합니다.

특수 문자를 사용할 때는 entity name 또는 entity code를 사용해야 합니다.

주석처리 방법입니다.

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

html편집기!!!아톰 에디터 Atom editor 설치하기

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

엑셀 함수 정리

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

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

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

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

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

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

+ Recent posts

티스토리툴바