제목 1 - 가장 큰 제목

제목 2

제목 3

제목 4

제목 5

제목 6 - 가장 작은 제목

단락과 텍스트 서식

이것은 단락(paragraph)입니다. HTML에서 텍스트를 그룹화합니다.

텍스트 서식 태그들:

• strong - 중요한 텍스트 (굵게)
• em - 강조 텍스트 (기울임)
• mark - 하이라이트
• del - 삭제된 텍스트
• ins - 추가된 텍스트
• code - 코드
• H₂O - 아래 첨자
• x² - 위 첨자

목록

순서 없는 목록 (ul)

• 사과
• 바나나
• 오렌지

순서 있는 목록 (ol)

1. 첫 번째 단계
2. 두 번째 단계
3. 세 번째 단계

설명 목록 (dl)

HTML

HyperText Markup Language - 웹 페이지 구조를 정의

CSS

Cascading Style Sheets - 웹 페이지 스타일을 정의

JavaScript

웹 페이지에 동적 기능을 추가하는 프로그래밍 언어

링크와 이미지

링크 (a 태그)

MDN Web Docs - 새 탭에서 열림 (target="_blank")

시맨틱 HTML 예제 - 같은 폴더의 다른 파일로 이동

페이지 내 이동 - 같은 페이지의 특정 위치로 이동

이미지 (img 태그)

인용

블록 인용 (blockquote)

프로그래밍은 생각하는 것을 배우는 것이다.

인라인 인용 (q)

Steve Jobs는 Stay hungry, stay foolish라고 말했습니다.

div와 span

span은 인라인 컨테이너입니다. 텍스트 일부에 스타일을 적용할 때 사용합니다.

HTML 엔티티 (특수 문자)

• < - 보다 작음 (&lt;)
• > - 보다 큼 (&gt;)
• & - 앰퍼샌드 (&amp;)
•   - 공백 (&nbsp;)
• © - 저작권 (&copy;)
• ® - 등록상표 (&reg;)
• € - 유로 (&euro;)

HTML 주석

주석은 브라우저에 표시되지 않습니다.

소스 코드를 확인하면 주석을 볼 수 있습니다.

코드 표시

function hello() {
    console.log("Hello, World!");
}

hello();