본문 바로가기
front-end 공부하기/Html + CSS

[Html] 링크 anchor / 이미지 image

by 치즈도넛 2022. 5. 31.
반응형

anchor

1. 웹 URL

<a href="https://cheese-donut.tistory.com/"> 치즈도넛 블로그 바로가기 </a>

2. 페이지 내 이동

<a href="#hello">
  hello 섹션으로 이동!
</a>

<section id="hello">
  <h1>Title</h1>
</section>

3. 메일 보내기

<a href="mailto:메일주소">
  메일 보내기
</a>

4. 전화하기

<a href="tel:01012345678">
  전화걸기
</a>

5. 새탭으로 열리기

<a href="https://cheese-donut.tistory.com/"
target="_blank">
  새탭으로 열리기
</a>

 


image

<img src="#" alt=""/>

alt 란?!

alternative text로 이미지가 나오지 않았을 때

대체해서 나오는 대체 텍스트 입니다!!

반응형

'front-end 공부하기 > Html + CSS' 카테고리의 다른 글

[Html] 유용한 tag  (0) 2022.06.02
[Html] Media  (0) 2022.06.02
[Html] Form - Input / Label / Radio & Checkbox / Select / Textarea / Button  (0) 2022.06.02
[Html]인용 Quotations  (0) 2022.06.01
[Html] 목록 list  (0) 2022.06.01

댓글