HTML 스타일(Style) HTML 요소의 style 속성(attribute)을 이용하면 CSS 스타일을 HTML 요소에 직접 설정할 수 있다. 하지만 이러한 style 속성을 이용한 방법은 오직 단 하나의 HTML 요소에만 스타일을 적용할 수 있다. 배경색 변경 다음 예제는 style 속성을 이용하여 배경색을 변경하는 예제다. style 속성을 이용한 배경색 변경 글자색 변경 다음 예제는 style 속성을 이용하여 글자색을 변경하는 예제다. style 속성을 이용한 글자색 변경 글자 크기 변경 다음 예제는 style 속성을 이용하여 글자 크기를 변경하는 예제다. style 속성을 이용한 글자 크기 변경 문단 정렬 변경 다음 예제는 style 속성을 이용하여 문단 정렬을 변경하는 예제다. style 속..

문자셋(Character set) 웹 브라우저가 HTML 문서를 정확하게 나타내기 위해서는 해당 문서가 어떠한 문자셋으로 저장되었는지를 알아야 한다. 따라서 HTML 문서가 저장될 때 사용된 문자셋에 대한 정보를 태그 내의 태그에 명시한다. 아래는 해당 HTML 문서가 UTF-8 문자셋을 사용하여 저장되었음을 웹 브라우저에 알려준다. HTML4에서 UTF-8의 경우 : HTML5에서 UTF-8의 경우 : 문자셋의 종류 대표적인 문자셋(character set)은 다음과 같다. ASCII : 가장 처음 만들어진 문자셋으로, 인터넷에서 사용할 수 있는 127개의 영문자와 숫자로 이루어져 있다. ANSI : 윈도우즈에서 만든 문자셋으로, 총 256개의 문자 코드를 지원한다. ISO-8859-1 : 256개의 ..

엔티티(Entity) HTML에는 미리 예약된 몇몇 문자가 있으며, 이러한 문자를 HTML 예약어(reserved characters)라고 부른다. 이러한 HTML 예약어를 HTML 코드에서 사용하면, 웹 브라우저는 그것을 평소와는 다른 의미로 해석한다. 따라서 HTML 예약어를 기존에 사용하던 의미 그대로 사용하기 위해 별도로 만든 문자셋을 엔티티(entity)라고 한다. 엔티티(entity)의 이름은 대소문자를 구분한다. &엔티티이름; 또는 &#엔티티숫자; HTML 코드 내에서 꺾쇠괄호()를 사용하면 웹 브라우저는 HTML 태그의 시작과 끝의 의미로 해석된다. HTML에서 제공하는 대표적인 엔티티(entity) 엔티티 문자 엔티티 이름 16진수 엔티티 숫자 설명 줄 바꿈 없는 공백 > > 보다 큰 &..

주석(Comment) 주석(comment)이란 개발자가 작성한 해당 코드에 대한 이해를 돕는 설명이나 디버깅을 위해 작성한 구문을 의미한다. 이러한 주석은 다른 HTML 코드와는 달리 웹 브라우저에 의해 표현되지 않는다. HTML에서 주석을 표현하는 방법 HTML 주석의 시작 태그()에는 느낌표가 없다. 이러한 주석은 HTML 코드의 어느 부분에서라도 사용할 수 있다. 또한, 여러 줄에 걸쳐 주석을 작성해도 정확히 인식할 것이다. HTML 주석은 절대 웹 페이지에 나타나지 않는다. HTML 코드에 삽입된 주석을 읽고 싶다면, 웹 브라우저의 페이지 소스 보기 등을 통해서 확인할 수 있다. 소스는 마우스 오른쪽을 누른 후 소스 보기를 통해서, 크롬과 파이어폭스에서는 F12 버튼으로 HTML 코드를 확인할 수..

인용구(Quotation) HTML에서 인용구를 표현하는 방법 짧은 인용구 블록 인용구 짧은 인용구 짧은 인용구는 태그(quotation)를 사용하여 표현할 수 있으며, 자동으로 앞뒤에 큰따옴표가 붙는다. HTML은 Hyper Text Markup Language 의 약자 블록 인용구 길이가 긴 인용문은 태그(block quatation)를 사용하여 표현할 수 있다. 태그는 이러한 인용 부분을 별도의 단락으로 구분하여 나타낸다. HTML HTML(HyperText Markup Language)은 팀 버너스리(Tim Berners-Lee)가 발표했다. 축약형 표현 HTML에서 용어의 축약형을 표현하기 위해서는 태그(abbreviation)를 사용한다. 태그 위에 마우스를 위치시키면 title 속성에 명시한..

서식(Formatting) HTML은 텍스트(text)에 다양한 효과를 주는 여러 태그(tag)를 제공한다. 강조 효과 HTML 문서에서 텍스트를 굵게 표현하고 싶을 때에는 태그(bold text)나 태그를 사용하면 된다. "이 부분"은 단순히 글씨가 굵은 부분 "이 부분"은 중요한 부분이라서 굵게 표현 태그는 단순히 화면의 텍스트를 굵게 표현해 준다. 하지만 태그는 텍스트를 굵게 표현해줄 뿐만 아니라 그 내용이 중요하다는 의미도 함께 포함해 준다. HTML 문서에서 이탤릭체를 표현하고 싶을 때에는 태그(italic text)나 태그(emphasized text)를 사용한다. "이 부분"은 단순히 글씨가 이탤릭체인 부분 "이 부분"은 중요한 부분이라서 이탤릭체로 표현 태그는 단순히 화면의 텍스트를 이탤릭..