이미지(Image) 이미지란 2차원 평면 위에 그려진 시각적 요소를 의미한다. 일반적으로 HTM에서 사용되는 이미지 파일 형식으로는 GIF, JPG, PNG의 세 가지가 있다. GIF JPG PNG - Graphics Interchange Format - 256개의 색상만 지원 - 투명배경 처리 지원 - 용량이 작음 - 애니메이션 지원 - 로고, 클립아트 형태의 이미지에 적합 - Joint Photographic coding Experts Groups - 트루컬러 지원 - 압축률이 좋아 용량이 작음 - 사진과 같은 이미지에 적합 - Portable Network Graphics - 트루컬러 지원 - 웹 전용 이미지 파일(JPEG 보다 화면상에 표시되는 속다가 빠름) - 클립아트와 같은 적은 색상을 가진 ..

순서가 없는 리스트 목록을 각 항목을 나열할 때 순서를 나타내지 않는 기호를 붙여서 표시한다. 태그로 시작하며, 여기에 포함되는 각각의 리스트 요소는 태그로 시작한다. 항목내용 1 항목내용 2 항목내용 3 각각의 요소 앞에 표시되는 기호의 모양은 기복적으로 disc(●) 이며, CSS의 list-style-type 속성을 사용하여 기호의 모양을 변경할 수 있다. - none : 기호를 표시하지 않음 - disc : 검정색 작은 원 모양(기본) - circle : 흰색 작은 원 모양 - square: 사각형 모양 순서가 있는 리스트 나열되는 각 항목 앞에 순서를 나타내는 기호(숫자, 알파벳 등)를 붙여서 표시한다. 태그로 시작하며, 여기에 포함되는 각각의 리스트 요소는 태그로 시작한다. 항목내용 1 항목내..

물리적 스타일(서식) 관련 태그 단순히 웹브라우저에 문자가 어떻게 표시될 것인가를 나타내는 글자 출력 무양만을 지정하는 태그를 의미한다. 태그 설명 ~ 글자를 굵게 표시 ~ 글자가 기울어진 형태(이탤릭체)로 표시 ~ 글자 가운데를 통과하는 수평줄(취소선)이 표시 ~ 글자에 밑줄 표시 ~ 글자가 위첨자로 표시돔 ~ 글자가 아래첨자로 표시됨 ~ 글자가 기본 크기보다 작은 크기로 표시됨 논리적 스타일(서식) 관련 태그 웹페이지상의 출력 형태보다는 태그 자체에 의미가 부여되어 있는 태그들을 말한다. 태그 설명 출력 모양 ~ 책이나 음악, 영화, 예술 작품 등과 같은 창작물의 제목을 정의할 때 사용 기울어진 형태 ~ 컴퓨터 코드를 표시 ~ 프로그램의 샘플(sample) 출력을 표시 ~ 변수(variable)를 표..

엔티티(Entity) HTML 문서에서 두 칸 이상의 공백을 입력하더라도 웹브라우저에서는 한칸의 공백만 출력된다. 또한 " & 등과 같이 HTMl 문서에서 예약어로 사용하는 문자는 직접 입력할 수 없다. 따라서 공백이나 이런 종류의 특수 문자를 입력하기 위해서 별도로 만든 문자셋을 엔티티(entity)라고 한다. 엔티티 문자 엔티티 이름 16진수 엔티티 설명 줄 바꿈 없는 공백 > > 보다 큰 & & & AND 기호 " " " 큰따옴표 ' ' ' 작은따옴표 심볼(Symbol) 특수문자 HTML 예약어 이외에도 키보드로 입력할 수 없는 문자를 표현하기 위한 심볼 특수문자를 사용할 수 있다. 심볼 특수문자 엔티티 이름 16진수 엔티티 설명 ¢ ¢ ¢ 센트 £ £ £ 파운드화 ¥ ¥ ¥..

단락(Paragraph) HTML에서 문단을 나누어 독립된 단락을 생성하는 경우 태그를 사용한다. 1번째 단락입니다. 2번째 단락입니다. 3번째 단락입니다. 태그를 사용한 경우 웹브라우저에서는 단락을 구분하기 위해 단락의 위아래로 여백이 자동으로 삽입된다. 또한 태그를 연속적으로 여러 번 사용해도 처음 태그만 처리되고 나머지 태그는 무시된다. 줄바꾸기 HTML 문서에서 태그 내에 텍스트 입력 시 엔터키를 사용하여도 모든 텍스트는 한 줄로 표시된다. 따라서 HTML 문서에서 엔터키와 같은 줄바꿈 표현하기 위해 태그를 사용한다. 1번째 문장입니다. 2번째 문장입니다. 엔터키를 사용하여도 줄이 바뀌지 않습니다. 3번째 문장입니다. br 태그를 사용하여 줄이 바겼습니다. 4번째 문장입니다. 태그는 종료태그가 없..

제목(Heading) HTML은 제목을 표현할 수 있는 태그를 제공한다. ~ 까지 6단계로 표현되며 숫자가 작을수록 제목이 크고, 숫자가 클수록 제목이 작아진다. 제목1의 크기 제목2의 크기 제목3의 크기 제목4의 크기 제목5의 크기 제목6의 크기 태그는 기본적으로 굵은 글자로 표현되며, 태그를 사용하지 않아도 자동으로 줄바꿈이된다 태그의 위아래로 약간의 여백이 자동으로 삽입된다. 약간의 팁으로 여러 검색엔진은 각 웹 사이트 태그를 기준으로 키워드를 수집하기 때문에 HTML 문서에 포함되어 있는 제목은 태그로 작성해야 검색엔진에 의해 제대로 검색될 확률이 높아진다.