html 블로그 사진에 이미지 태그 넣는 방법
2019. 9. 12. 06:00
안녕하세요 우키키키입니다.
오늘은 블로그 포스팅 하실때 사진에 이미지 태그 넣는 방법에 대해 알려드리겠습니다.
이미지 태그는 html 에서 그림을 넣어주는 태그를 말합니다.
이미지 태그에는 4가지 속성이 있습니다.
scr - 이미지의 경로 지정
art - 이미지가 없을 때 나오는 글자 지정
height - 이미지의 너비 지정
width - 이미지의 높이 지정
그중 소개해드릴 태그는 alt 속성 입니다.
이미지가 보여지지 않을때 대체 텍스트로 나오는 글자를 지정 하는것입니다.
이미지에 키워드 태그를 넣는다고 해서 검색량이 엄청 늘어나지는 않지만
조금씩 쌓이면서 효과가 높아질거라고 생각합니다.
사진에 이미지 태그 넣는 방법
먼저 평소 포스팅을 할때와 같이 사진을 올립니다.
사진을 올리신 후 HTML 을 눌러보시면 태그가 나옵니다.
위에서 말씀드린 width 속성과 height 속성이 보입니다.
다시 HTML을 클릭하시면 원래 포스팅 하던 화면으로 돌아옵니다.
이미지 태그를 넣으실 사진을 클릭 하면 옆에
너비, 높이 대체텍스트, 자막을 삽입하는 칸이 있습니다.
여기서 대체 텍스트에 사진을 대표하는 텍스트를 넣어줍니다.
저는 핸드폰 모델명인 v50thinq를 넣었습니다.
다시 html을 눌러보면 alt 라는 속성이 생긴 것을 확인 하실수 있습니다.
이상 블로그 사진에 이미지 태그 넣는 방법에 대해 알아봤습니다.
방문자 유입을 위해 여러가지 시도를 해보시는게 좋습니다 ㅎㅎ
이 글을 공유합시다
