기초 HTML 태그를 알아보자.
HTML 태그의 종류는 많습니다. 이것을 일일이 다 외울 수는 없지만 대강 어떤 기능의
태그라는 것 정도는 눈으로 익혀 두어야 적절하게 이용할 수 있고 html 문서를 읽을 수
있게 됩니다. 가장 기본적인 html 태그를 알아보겠습니다.
1. 문서 속성 태그
웹 문서의 배경색, 배경 그림, 글자색, 하이퍼링크 색상 등 기본 요소를 지정합니다.
~
option
bgcolor = #색상 코드 : 지정된 RGB 색상으로 웹 문서의 배경색을 나타냅니다.
background = "그림파일“ : 지정된 그림 파일로 웹 문서의 배경을 채웁니다.
link = #색상코드 : 하이퍼링크를 적용한 글자 부분의 색상을 지정합니다.
vlink = #색상코드 : 하이퍼링크를 적용한 글자에서 이미 방문한 부분의 색상을 지정합니다.
alink = #색상코드 : 하이퍼링크를 적용한 글자를 클릭한 순간의 색상을 지정합니다.
2. 문단, 줄 바꾸기, 문장 정렬 관련 태그
1) 줄 바꾸기 :
문장에서 줄을 바꾸어 줍니다. 워드프로세서에서 Enter를 1번 누른 것과 같아서
태그를 입력한 만큼 빈 줄이 삽입됩니다.
br 태그 없이 와 사이에 문장을 입력한 경우
br 태그를 삽입하여 와 사이에 문장을 입력한 경우
2) 문단 나눔
또는
~
문단을 구분합니다. 워드프로세서에서 Enter를 2번 누른 것과 같은 효과로 문단과 문단
사이에 빈 줄이 삽입됩니다.
~
로 둘러싸인 문단을 브라우저의 왼쪽, 가운데, 오른쪽으로 정렬합니다.
* option에 따른 결과
*
: 문단을 왼쪽으로 정렬합니다.
*
: 문단을 가운데로 정렬합니다.
*
: 문단을 오른쪽으로 정렬합니다.
3) 가운데 정렬하기
~
웹 문서에 삽입된 글이나 그림 등을 웹 문서의 가운데로 정렬합니다
4) 문단의 모양을 입력한 대로 만들어 주는
~
~
로 둘러싸인 문자의 공백, 빈 줄을 포함한 그대로 브라우저에 나타냅니다.
* pre 태그없이 와 사이에 글자를 입력한 경우
* pre 태그를 사용하여 와 사이에 글자를 입력한 경우