홈페지를 만들기 위해서 필수적으로 알아야할 할
html 명령어입니다. 다는 기억할 수 없다고 하더라고
기능은 어떠한지는 아셔합니다.
<*head*><*/head*> 홈페이지의 머리 부분입니다.
<*title*><*/title*>익스플로러 맨 윗부분에 뜨는 부분입니다.(네이버, 이런식으로)
<*body*><*/body*>홈페이지의 몸통 부분입니다.
<*img src="그림경로"*>이미지 링크 태그입니다.
<*a href="파일주소"*><*/a*> 파일 링크 태그입니다.(다운 가능)
<*iframe*><*/iframe*>iframe을 사용하는 태그입니다.
<*frameset rows/cols"화면을 나눌비율"*><*/frameset*> frame을 사용하는 태그입니다.
<*embed src="음악경로"*> 음악 재생 태그 입니다.
<*b*><*/b*>글씨체를 굵게 해줍니다.
<*i*><*/i*>글씨를 눕게 해줍니다.
<*u*><*/u*>글씨에 밑줄을 긋습니다.
<*font*><*/font*>글씨에 대한 사항을 지정합니다.
- color=글씨색 : 글씨의 색 지정
- size=번호 : 글씨의 크기를 지정합니다.(1~7까지가 있고, 7이 가장 큽니다.)
- face=글씨체 : 글씨의 체를 지정합니다.
<*marque*><*/marque*>글씨에 옆으로 지나가도록 합니다.
<*center*><*/center*>글씨를 가운데 정렬로 합니다.
<*sub*><*/sub*>아래 첨자로 표현합니다.
<*sup*><*/sup*>위 첨자로 표현합니다.
<*pre*><*/pre*>입력한 내용과 형식을 그대로 표현합니다.
<*p*><*/p*> 문단을 띄어줍니다.
<*br*>[enter]키와 동일한 효과입니다.
<*hr*>수평선을 긋습니다.
<*ul type=disc/circle/square*><*/ul*>disc는 ●, circle은 ○, square는 ■로써 무순서 목록앞에 붙음
<*ol start=번호*><*/ol*> 문서에 숫자 순서를 지정한다.
<*caption*><*/caption*>도표 바로 위에 도표의 제목을 지정한다.
<*table*><*/table*>테이블을 만든다.
- <*tr*><*/tr*>도표의 가로줄을 정한다.
- <*td*><*/td*>도표의 새로줄을 정한다.
<*em*><*/em*> 이탤릭체로 표현
<*strong*><*/strong*> 굵은 글자로 표현
<*cite*><*/cite*> 인용문구처럼 표현
<*kbd*><*/kbd*>키보드로 입력받는 것처럼 표현
<*h숫자*><*/h숫자*> 본문에서 제목의 글자를 크게 하기 위해서 사용
- 1~6 1이 가장큼.
<*au*><*/au*>저자의 이름을 표현할때 사용
<*blink*><*/blink*>글씨를 깜빡 거리게 함
<*code*><*/code*>영어 타자체로 표현
<*blockquote*><*/blockquote*>다른 글을 인용할 때 주로 사용하느데, 적당한 왼쪽 여백을 주어서 표현한다.
이 정도의 태그만 알고 계시면 간단한 홈페이지를 만드시는데는 큰 지장이 없다고 봅니다.
만약 더 알고 싶으시다면 인터넷 사이트를 찾아보시구요
사용하실 때에는
* 표시는 제외하셔야 합니다.
태그고 머고 전혀 모르는 님을 위한 기초 전 강좌 임다.
대부분은 아시는 내용이지만, 행여 알짜 초보를 위해
기본적인 내용을 먼저 써 놓습니다.
1. 태그란(Tag)
태그(tag)는 HTML 문에서 쓰이는 일종의 명령언어를 지칭하는
명령문이다.( 영어로 따지면 스펠링 쯤 되겠네욤?? )
예)
1) <html></html>
2) <head></head>
3) <br>
...
2. HTML ( Hyper Text Markup Language )
HTML이란 하이퍼 텍스트 마크업 랭귀지의 줄임말로써
태그들로 조합된 하나의 문장이다.
( 영어로 따지면 문장 쯤 되겠네욤?? :; 장문도 있고 단문도 있듯 )
우리가 흔히 인터넷 사이트에서 보여지는 모든 내용들을
HTML로 표현할수 있다.
예)
<html></html>
<head></head>
<!--edt:htmlhead:s-->
<title>야후! 코리아</title>
<link rel="SHORTCUT ICON" href="http://kr.yahoo.com/favicon.ico">
<meta http-equiv="Content-type" content="text/html; charset=euc-kr">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="Wed, 04 Jul 1973 16:00:00 GMT">
<script language=javascript>
<!--
function popWin(url, w, h, t, l) {
var win = null;
win = window.open('','_popup','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,width='+w+',height='+h+',top='+t+',left='+l);
if (win == null) return;
win.location.href = url;
}
//-->
</script>
.....
</html>
3. 태그의 형식
태그는 태그의 시작과 종료를 알리는 한쌍의 구문으로 이루어진다.
시작은 걍 < > 요거 안에 태그쓰면 시작이구
끝은 </ > 요렇게 하고 태그를 쓰면 끝을 알립니다.
'홈페이지제작 > HTML' 카테고리의 다른 글
| [HTML 강좌] iframe 태그학습 구조<iframe> </iframe> (0) | 2017.08.31 |
|---|---|
| html 강좌 div 태그에 대한 학습 홈페이지 레이아웃 (0) | 2017.08.31 |
| [HTML] HTLM5 태그 정리 (0) | 2017.07.25 |
| html주석처리는 왜하는가 ? (0) | 2017.05.13 |
| HTML5와 CSS를 이용한 홈페이지제작 (0) | 2017.04.27 |
itworldkorea
IT korea가 세상(world)을 변화시킨다.