학습 메뉴

  1. HTML 기본 구조
  2. 텍스트 입력하기
  3. 목록 만들기
  4. 표 만들기
  5. 이미지 삽입하기
  6. 링크 사용하기

텍스트 관련 태그

제목

h1~h6까지 6개의 제목 태그가 있습니다.

가장 큰 제목은 h1, 가장 작은 제목은 h6을 사용한다.

제목3

제목4

제목5
제목6

단락

이것은 첫 번째 단락이다.

줄 바꿈

HTML 두 칸 이상의
공백을 한 칸으로
인식한다.

입력하는 그대로 화면에 표시하기

HTML 두 칸 이상의
공백을 한 칸으로
인식한다.

서식

서식 관련 태그로 strong, b, em, i, mark, small, sub, sup, del, ins 등이 있습니다.

경고나 주의 사항처럼 중요한 내용이어서 강조해야 할 때는 storng 태그를 사용하고 문서의 키워드처럼 단순히 굵게 표시할 때는 b태그를 사용합니다. strong 태그를 사용하면 그 구분이 강조되었다고 화면 낭독기가 알려줍니다.

문장에서 흐름상 특정 부분을 강조하고 싶을 때는 em 태그를 사용하고 마음 속의 생각이나 꿈, 기술적인 용어, 다른 언어의 관용구 등에는 i태그를 사용합니다.

mark 태그는 선택한 부분의 배경색이 노란색이 되며 형광펜으로 그어 놓은 듯한 효과를 냅니다.

small 태그는 부가 정보처럼 작게 표시해도되는 텍스트에 사용합니다.

가격: 13,000원 (부가세 별도)

sub는 아래첨자, sup는 위첨자를 표시하는 태그입니다.

물의 화학식은 H2O이다.

Adobe®

내가 좋아하는 색상은 blue red이다.

인용문

성이시돌목장은 제주특별자치도 제주시 한림읍 금악리에 있는 목장이다. 특히 이시돌목장은 제주 지역 최초의 전기업목장(全企業牧場)으로 1961년 11월 말 제주시 한림읍 금악리에 세워 양돈 사업을 실시하였으며 면양을 사육하였던 것으로 알려져 있다. 이시돌목장의 특색있는 건축양식으로 테쉬폰도 유명하다. (출처:향토문화전자대전)

웹의 창시자인 팀 버너스 리 (Tim Berners-Lee)의 웹의 힘은 보편성에 있다. 장애에 구애없이 모든 사람이 접근할 수 있는 것이 필수적인 요소이다.라는 말로 웹 접근성을 설명한다.

IoT란 각종 사물에 센서와 통신 기능을 내장해 인터넷에 연결하는 기술을 의미한다.

기호(특수문자)

HTML 특수 문자에는 공백을 표시하는  , 보다 크다를 표시하는 >, 보다 작다를 표시하는 <, 엠퍼센드를 표시하는 &, 저작권을 표시하는 © 등이 있다.