웹디자인 기능사 시험예제/1) 컨텐츠 구성하기

HTML 기초 태그 (1) 텍스트와 하이퍼텍스트

frogOlis 2019. 7. 29. 04:07

See the Pen zgEVZL by ++EXP (@pp_exp) on CodePen.

 

 

 

HTML 문서에서 가장 핵심적인 역할을 하는 제목태그와 본문 태그,

그리고 A 태그에 대해서 알아보자.

 

1. 제목 <Hn> 요소

See the Pen RXLzVw by ++EXP (@pp_exp) on CodePen.

 

제목을 설정할 때 사용한다. 1~6단계까지 있으며, 가장 중요한 제목이 <H1>, 덜 중요한 제목이 <H6>이다. 


2. 본문 <p> 요소

See the Pen gVGNWa by ++EXP (@pp_exp) on CodePen.

긴 문장의 텍스트를 한 구역에 넣고 영역을 지정하는 태그. 일반적으로 제목과 본문으로 분리하여 영역을 구분한다. 가장 기본적인 형태의 문서

 


3. 링크 <A> 요소

See the Pen JgrQNx by ++EXP (@pp_exp) on CodePen.

페이지와 페이지를 연결짓는 요소를 작성하는 데 사용한다. 

속성으로는 <Hypertext REFerence>를 사용할 수 있다.

 

See the Pen WVZqOj by ++EXP (@pp_exp) on CodePen.

HREF의 주소값은 상대 주소와 절대 주소에 사용이 가능하다.

 


*아직 배우지 않았으나, <A>는 HREF속성 값에 문서 내 id도 사용이 가능하다.