<html>

<head>머리 부분(웹 페이지의 전체개요)

           쓰이는 태그 : <title>, <base href="...">, <ling>, <meta>, <range> 등

 </head>

 <body>몸통 부분(웹 페이지에서 사용되는 내용)

           쓰이는 태그 : <br>, <p>, <center>, <align>, <hn>, <basefont size=n>, <frame>, <bling>, <fontsize> 등

           (* n의 의미 : 숫자)

 </body>

 꼬리 부분(웹페이지의 끝)

 특별히 규정된 태그가 없고 일반적으로 e-mail, 주소 등을 많이 넣음

</html>


이미지

<img src="계정주소">

혹은 <img src="이미지주소" width="가로크기" height="세로크기"> 이렇게 해서 가로와 세로의 크기를 정할 수 있습니다.

단 원본 이미지보다 더 크게 할 경우 그림의 비율이 깨지니 원본 이미지보다 같거나 작게 해주셔야 합니다.


음악

<bgsound src="주소를넣어주세요"> or <embed src="주소를넣어주세요">

동영상

<embed src="주소를넣어주세요">


문단 구성 태그

1) <br> : 한 줄 띄우기

2) <p> : 줄 띄워 단락구분


문서 정렬 태그

1) <center> : 가운데 정렬

2) <align> : 상대적인 위치로 정렬

   top(上), bottom(下), left(左), right(右), center(中)

예) <p align=left> 왼쪽정렬</p>


글자 스타일 태그

1) 물리적 스타일 태그

<b>...</b> : 글자 진하게 한다

<big>...</big> : 글자 크게 한다

<blink>...</blink> : 글자 깜박이게 한다  (네스케이프 전용)

<i>...</i> : 글자를 기울인다

<kbd>...</kbd> : 키보드 효과

<small></small> : 글자 작게 한다

<sup>...</sup> : 위첨자

<sub>...</sub> : 아래첨자

<tt>...</tt> : 타자체와 같은 효과

<u>...</u> : 밑줄 긋기


2) 논리적 스타일 태그

<au>...</au> : 홈페이지 제작자 이름 지정

<dfn>...</dfn> : 글자를 기울인다

<code>...</code> : html 크드를 화면에 보인다

<cite>...</cite> : 글자를 기울여 제목에 넣는다

<em>...</em> : 글자를 기울여 문자를 지정

<samp>...</samp> : 변수를 선언할 때 지정

<strong>...</strong> : 문자를 강조할 때 진하게 한다

<var>...</var> : 글자를 기울여서 변수를 선언



글자 크기 태그

1) <Hn>...</Hn> : n값을 1~6 에서의 숫자를 입력하여 글자의 크기를 절대적으로 지정한다.

n값이 작을 수록 글자의 크기는 커진다.

예) <h1>글씨</h1>

2) <basefont size=n> : n값을 1~7 에서의 숫자를 입력하여 글자의 크기를 지정한다. 기본 글자 크기는 3 이고, n값이 작을 수록 글자의 크기도 작아진다.


3) <font size=n>...</font> : 글자를 상대적으로 지정한다. n값을 1~7 에서 입력할 수 있다. "+", "-" 기호를 사용하여 지정할 수 있다. 기본 글자 크기는 3으로 지정되어 있다.

예) <font size=1>글자</font>

<font size=+1>기본보다 +1 된 글자</font>


텍스트 규정 태그

1) <pre>...</pre> : 문서에 연속적인 공백 문자, 엔터, 텝 문자가 나타나도록 할때 사용하는 태그

2) <xmp>...</xmp> : 웹 브라우저의 화면에 그대로 모든 적이 나타난다. "<", ">" 태그 기호까지 모두 나타나게 된다.


배경 삽입 태그

1) 배경색 삽입하기 (<body> 태그에 사용)

<body bgcolor="색상">

 - 알파벳으로 나타내기

예) <body bgcolor="pink">

 - 16진수로 나타내기

예) <body bgcolor="#aabbff"> : (R)aa (G) bb (B)ff

2) 배경 이미지 삽입하기 (<body> 태그에 사용)

<body background="이미지파일위치">

예) <body background="img.jpg">

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

'Windows > information' 카테고리의 다른 글

운영체제에 따른 IE 지원 알아보자  (0) 2014.03.27
색깔 폰트 정보  (0) 2014.03.27
윈도우7 물리적 메모리 제한 알기  (0) 2014.03.27
윈도우 탐색기 처음화면을 설정해보자  (0) 2014.03.27
Windows XP 60가지의 정보들  (0) 2014.03.27

티스토리툴바