H 태그를 이용한 문자열의 표현

안녕하세요! : h1

안녕하세요! : h2

안녕하세요! : h3

안녕하세요! : h4

안녕하세요! : h5

안녕하세요! : h6

P 태그로 문자열을 줄 단위로 표현

이것은 p 태그를 이용한 HTML 예시 문장입니다.

p 태그는 줄바꿈이 됩니다.

span, font 태그로 문자열 단위로 표현하기

span 태그는 문자열 단위로 스타일을 줄 수 있습니다. (전용 속성이 없음)

font 태그는 문자열 단위로 전용 속성을 줄 수 있습니다.

strong, b 태그로 문자열 강조하기

strong 태그는 굵은 강조로 주로 '의미적 강조' 시 사용합니다.

b 태그는 굵은 강조로 주로 '단순 시각 강조' 시 사용합니다.

※ 사실 차이점이 없습니다.

em, i 태그로 기울임 강조하기

em 태그는 기울임 강조로 주로 '의미적 강조' 시 사용합니다.

i 태그는 기울임 강조로 주로 '단순 시각 강조' 시 사용합니다.

※ 사실 차이점이 없습니다.

center 태그로 문자열을 가운데에 배치하기

br 태그로 줄 바꾸기

첫 번째 문장입니다.
두 번째 문장입니다.
세 번째 문장입니다. 네 번째 문장입니다.

img 태그를 이용한 이미지의 표현

A 태그로 링크를 표현

Naver는 한국의 대표 포탈 사이트입니다.
Google은 전 세계 최대의 인터넷 및 인공지능 기업중 하나입니다.

2번 섹션으로 이동
이메일 보내기
전화 걸기
PDF 매뉴얼
PDF 매뉴얼 다운로드
PDF 매뉴얼 다운로드

레이아웃 태그 div

List 관련 Tags

ul : 순서 비표현

• 야채
• 과일
• 고기

ul : 리스트 중복 적용

• 야채
  • 오이
  • 상추
• 과일
• 고기

ol : 리스트 번호 표현

1. 야채
   • 오이
   • 상추
2. 과일
3. 고기

dl : 정의, 설명 목록

HTML

웹페이지의 골격, 문서를 만들때 사용함

CSS

HTML로 작성한 웹 문서를 이쁘게 스타일링

JavaScript

...

table 태그를 이용한 표의 표현

기본 표현법

시맨틱 테이블 마크업 표현법 (or 구조화된 테이블 작성 방식)

입력 양식 Form Tags

HTML Entity

        <ul>
            <li>항목 1</li>
            <li>항목 2</li>
        </ul>
        

여기가 2번 섹션