body 태그 2

Kyung yup Lee·2021년 4월 12일
0

프론트엔드

목록 보기
4/20

body 태그 두번째

a (anchor)

다른 페이지로 링크를 내보내는 하이퍼링크를 설정하는 태그

a 태그는 기본적으로 inline 속성이기 때문에, 버튼 같은 걸 만드는데에는 적합하지 않음. block 속성으로 만들어주어야 함.

href

hypertext reference 를 의미하며, 실제로 URL 을 입력받아서 해당 URL로 링크해줄 수 있는 요소

생략이 가능함.

download

이 요소가 리소스를 다운로드하는 용도로 사용됨을 의미

해당 요소가 없으면 이미지 같은 경우 그냥 탭을 새로 만들어 보여주지만 download 속성이 true 일 경우 다운로드를 시작한다.

rel

현재 문서와 링크 문서의 관계를 보여준다.

target

링크 url의 표시 위치를 지정해주는 속성, 현재 탭에 표시해줄 수도 있고, 새로운 탭을 만들 수도 있음.

  • _self(default)
    • 현재 탭에 그대로 만듬
  • _blank
    • 새로운 탭을 만들어서 실행

abbr (abbreviation)

약어를 지정. title 속성을 이용해서 약어의 전체 글자 내용을 전달할 수 있다.

i (italic)

기울임체

특별한 의미는 없음.

b (bold)

두껍게

요즘에는 css를 통해 볼드체로 만들어주는게 일반적임

mark

하이라이팅

css 에서 만들어주는게 일반적임

em(emphasis)

의미 강조 -> 중첩이 가능, 중첩될수록 강조 의미가 강해짐

span

본질적으로 아무것도 나타내지 않는 inline 요소 - div 와 비슷

br(break)

줄바꿈

단힌 빈 태그( 열어놔도 ㄱㅊ )

html을 이용해서 화면 디자인을 절대 하지말 것
(br을 여러번 사용해서 간격 벌리기 등)

profile
성장하는 개발자

0개의 댓글