[CSS] HTML5 핵심 태그 사용법

Narcoker·2023년 5월 24일
0

CSS

목록 보기
7/40

제목 표시하기: h1 ~ h6

문단, 줄 바꿈: p, br

글자 굵게 표시하기: b, strong

글자 기울림 표시하기: em, i

글자 밑출 표시기 : u

글자 취소현 표시하기 : s, del(html에서 표시는 되지만 음성리더기가 없음)

큰 글자 표시, 작은 글자표시: big, small, 16px기준으로 크거나 작거나

위첨자, 아래첨자: sup, sub

형관펜 배경생 글자: mark

수평선 넣기: hr

순서가 있는 목록: ol > li, ol: Ordered List

순서가 없는 목록: ul > li, ul: Unordered List

외부 링크나 파일 링크하기 : a , a: anchor

  • href(필수)
    • hyperlink reference
    • 링크 지정
    • <a href=”www.naver.com”> Naver </a>
  • target
    • “_blank” : 새창에서 열기
  • title
    • hover시 보이는 텍스트
    • title = “구글 사이트로 이동”
    • 예시

이미지 html 문서에 넣기 : img

  • src(필수)
    • source
    • 이미지 경로 지정
    • 마감태그 없음
    • <img src=””>
  • alt(가급적 필수)
    • 대체 텍스트
    • 이미지를 불러오지 못할 때 나타나는 텍스트
    • 인터넷이 너무 느린 경우, 시각장애인을 위함(음성지원)

중요!!!! 링크와 이미지 중첩 시 a > img 구조

profile
열정, 끈기, 집념의 Frontend Developer

0개의 댓글