본문 바로가기

Front-End/HTML , CSS

Image삽입 , a태그(링크)

 

<img src="" alt="">

이미지 태그는 이렇게 생겼다.

src 안에 url을 넣어주고 alt는 이미지가 로드가 실패했을 때 , 대체할 텍스트를 넣어주면 된다.

물론 이미지는 style 적용이 가능하다.

 

a태그는 다른 페이지,전화번호,이메일 주소등 다양한 유형의 콘텐츠로 연결되는 링크 역할을 한다.

이때 href가 필요하다.

주의점은 https:// 이것도 잘써줘야한다는 것이다.

 

만약 새탭에서 열고 싶다면 

<a href="https://www.youtube.com/"target="_blank">링크!</a>

뒤에 target="_blank"를 넣어주면 된다.

 

만약 보라색이 싫다면 css로

  • a:visited {color:black}

해주면 된다.

 

 

이미지출처 : 유노코딩님

'Front-End > HTML , CSS' 카테고리의 다른 글

form , label(HTML)  (0) 2024.01.05
ul , ol ,주석 사용방법(HTML)  (0) 2024.01.05
블록레벨 , 인라인 요소  (0) 2024.01.05
<table>에 대해(HTML)  (0) 2024.01.05
시맨틱 태그 모음(HTML)  (0) 2024.01.05