카테고리: HTML 텍스트 요소

HTML 텍스트 요소

HTML 인코딩(Character set) 종류와 차이점

인코딩(Character set)문자셋, 캐릭터셋 이라고도 부르며, 웹 브라우저가 HTML 문서를 정확하게 나타내기 위해서는 해당 문서가 어떠한 인코딩으로 저장되었는지를 알아야한다. 따라서 HTML 문서가 저장될 때 사용된 문자셋에 대한 정보를 <head> 태그 내의 <meta> 태그에 명시한다. 문자 인코딩(Character Encoding) 종류 현재 표준으로 사용되고 있는 문자 인코딩의 개수는 다음과 같다. ASCII : 처음 만들어진 문자셋으로써 가장 기본이 되는 인코딩 […]

HTML 엔티티(Entity) 문자 의미와 기본코드

엔티티(Entity)HTML에는 미리 예약된 몇몇 문자가 있는데, 이러한 문자를 HTML 예약어(reserved characters)라고 말한다. 이러한 HTML 예약어를 HTML 코드에서 사용하면, 웹 브라우저는 그것을 평소와는 다른 의미로 해석하게 된다. 따라서 HTML 예약어를 기존에 사용하던 의미 그대로 사용하기 위해 별도로 만든 문자셋을 엔티티(entity)라고 부른다. 또한, 키보드에 없는 문자는 엔티티로 바꿀 수 있다. HTML 엔티티(Entity) 일부 문자는 html로 예약되어 있다. […]

HTML 주석(Comment) 처리 방법

주석(Comment)주석(comment)이란 개발자가 작성한 해당 코드에 대한 이해를 돕는 설명이나 디버깅을 위해 작성한 구문을 의미한다. 이러한 주석은 다른 HTML 코드와는 달리 웹 브라우저에 의해 표현되지 않는다. HTML 주석(Comment) 태그 다음 구문을 사용하여 html 소스코드에 주석을 추가할 수 있다. HTML 주석의 시작 태그()에는 느낌표가 없다. 이러한 주석은 HTML 코드의 어느 부분에서라도 사용할 수 있다. 또한, 여러 줄에 […]

HTML 인용문(Quotation) 요소 종류

인용문(Quotation)인용문이란 남의 글이나 말을 자신의 말이나 글 속에 이용하려고 따온 것을 말한다. 보통 따옴표를 사용해서 구분해 주는데, 자신의 글이 아니라는 것을 밝혀 주는 것이다. HTML 인용문은 크게 2가지로 나뉘게 된다. 짧은 인용문 블록 인용문 기본 예제 짧은 인용문(Short Quotations) 짧은 인용구는 <q> 요소를 사용하여 표현할 수 있으며, 일반적으로 웹브라우저에서는 자동으로 앞뒤에 큰따옴표를 붙이게 된다. 예제 […]

HTML 문자열 서식(Text Formatting) 지정 방식

문자열 서식(Text Formatting)HTML은 텍스트(text)에 다양한 효과를 주기 위해 여러 태그(tag)를 제공하고 있으며, 이러한 것을 서식이라 한다. 기본 예제 HTML 서식 요소 html은 다양한 서식을 사용하여 텍스트에 특별한 요소를 정의할 수 있다. 예를 들어 html에 <b>, <i> 과 같이 출력 서식을 굵게 하거나 기울림 꼴 텍스트를 문자열에 부여할 수 있다. 서식 요소는 특수한 유형을 표시하도록 설계된 […]

HTML 단락(Paragraph)을 표현하는 방법

단락(Paragraph)단락이란 텍스트와 텍스트 사이를 끊어서 구분할 수 있도록 하는 것이다. 각각 하나하나의 의미를 부여한다. 문단이라고도 부른다. HTML태그에서는 <p> 태그를 사용하여 정의한다. 예제 ※<p>태그의 위아래로는 약간의 여백(margin)이 자동으로 삽입되게 된다. <p> 태그의 띄어쓰기와 줄 나누기 표시방식 html코드에서 단락을 사용할 경우 띄어쓰기나 줄 나누기를 여러 번 사용하여도 웹 브라우저를 통해서 보여지는 화면에는 아무런 영향을 주지 못한다. 실제 […]

HTML 제목(Heading)은 어떻게 표현할까?

HTML 제목(Heading)표제, 머리말이라고 말하고 있으며, 일반적으로 제목을 뜻한다. 표제는 <h1> ~ <h6> 태그로 정의되며, <h1> 가장 중요한 제목을 뜻하고, <6> 가장 중요하지 않는 머리글을 정의를 뜻한다. 예제 ※<h>태그의 위아래로는 약간의 여백이 자동으로 삽입된다. 머리말 (Heading)의 중요성 검색 엔진(naver, google, daum, bing) 포털사이트에서는 머리말을 사용하여 웹페이지의 구조와 내용을 색인화하게 된다. 또한 사용자들은 종종 해당 제목으로 페이지를 […]