본문 바로가기
Web/Html

html 기본이자 기초 태그 2 div, span, img, a

by 다니엘의 개발 이야기 2022. 9. 27.
320x100

#div

div는 css나 java script를 먹여줄때, 해당부분이 적용되기 쉽게끔

단락을 구분해주는 것이라고 보면 된다.

 

물론 div로 감싼영역을 비롯한 영역 전체를 변경하고 싶다면 당연히 필요가 없지만

사이즈가 커지면 커질수록 세분화 해서 효과를 먹이고 싶은 대상은 갈라지기 마련이다.


#span

 

span은 div보다 더 작은 단위라고 보면 된다.

이를테면

div는 보통 한줄, 한줄 단위를 구분하는데 사용하지만

span은 한줄 안에서도 구분하고 싶은 부분을 지정해서 css등의 효과를 먹이는데 사용된다.


#img

 

img는 기본적으로 이미지를 가져올때 사용이된다.

그리고 내부요소로는 src, alt이 있다.

 

src는 해당 이미지 파일의 경로를 적는 란이고

alt는 만약 src의 경로가 잘못되었거나, request가 잘못되어서 해당 이미지를 가져오지 못할 경우에 이미지를

대체해서 출력해주는 알림 문구의 역할을 한다.


#a

 

a는 소위 ‘하이퍼링크’이다.

텍스트를 적고, 그 텍스트는 밑줄친 파란색 글씨로 변하고

사용자가 해당 글씨를 눌렀을때 href에 지정된 링크로 이동이 된다.

 

보통의 경우에는 내용을 설명할때 사용되거나 최 상단에 배치가 되어서

네비게이션 바를 정의할때 많이 사용된다.

300x250