HTML - em / strong / br

지영·2022년 8월 12일
0

HTML

목록 보기
5/6
post-thumbnail
post-custom-banner

태그의 디자인이 중요한 것이 아니라,

브라우저에게 메세지를 전달하는 것이 중요하다!

스타일적인 부분은 css로 바꿀 수 있다.

속성

태그에 부가적인 정보를 준다.

br(break)

한 문단 내에서 줄바꿈을 하고 싶을 때 사용하는 태그

남용해서는 안된다.

em / strong

브라우저에게 이 부분이 중요하다는 의미를 전달하고 싶을 때 사용하는 태그

a(Anchor)

현 위치에서 다른 위치로 이동하고 싶을 때 사용하는 태그

syntax alert

a 태그 사용시 반드시 href 속성을 사용해야 한다.

속성 href(hypertext reference)

  • hypertext ⇒ html 문서
  • reference ⇒ 주소 값

  • href 속성에 이동하고자 하는 값을 적어줘야 링크로서 a태그를 제대로 사용할 수 있다.

href 주소값 표기 방법

  1. 웹 URL

    → 절대 경로 혹은 상대 경로(이동하고자 하는 html문서의 위치 경로)

  2. 페이지 내 이동

    → 페이지 내에 이동하고 싶은 부분의 id값 입력

    <a href="#id"></a>
  3. 메일 쓰기

    → 메일 주소 앞에 mailto: 를 붙인 주소를 href의 값으로 입력한다.

    <a href="mailto:jen.jyseo@gmail.com"></a>
  4. 전화걸기

    → 전화번호 앞에 tel: 을 붙인 주소를 href의 값으로 입력한다.

    <a href="tel:01012345678"></a>

속성 target

기존의 페이지는 그대로 둔 상태로 새로운 탭이 열리고 새로운 탭에서 페이지로 이동하고자 할 때 target 속성의 값으로 “_blank”를 입력한다.

<a href="" target="_blank"></a>
profile
천천히 운영되는 개발 블로그
post-custom-banner

0개의 댓글