반응형 programming/web66 html 이미지 크기 조절 하기 changing image size in html html에서 이미지 크기를 조절하는 것으로 width와 height 속성을 사용한다. css style 을 사용할 때도 width height 속성을 사용할 수 있다. 선택자를 사용하여 style 을 지정하면 코드를 단순화 시킬 수 있다. 이미지 크기를 조절하는 것은 여러모로 사용 빈도수가 많다. 웹페이지의 구도를 맞춰야 하는 이유도 있고, 목록이나 상세화면과 같이 이미지가 작아졌다 커졌다 하는 작업도 필요하다. html 이미지 크기 조절 하기 changing image size in html 웹페이지에서 이미지를 표현할 때 고민의 대상이 된다. 원본 크기 그대로 화면에 표시하면 화면 구도와 맞지 않는다. 데이터의 목록이나 화면 구도와 적절하게 표현할 수 있도록 이미지의 크기는 조절할 필요가 있다. 이미.. 2022. 5. 27. html img 태그 사용 화면에 이미지 표시 using html image tag html 화면에 이미지를 표시할 떄 img 태그를 사용한다. img 태그의 src 속성으로 이미지를 지정하고 alt 속성을 이용하여 이미지를 설명한다. 정상적인 경우라면 이미지가 화면에 표시되고 텍스트는 표시되지 않는다. 만약 어떠한 이유로 이미지가 표시되지 않는 경우 alt 태그에 입력한 텍스트가 화면에 표시된다. html img 태그 사용 화면에 이미지 표시 using html image tag 웹페이지를 만들 때 텍스트로만 만들어도 충분한 컨텐츠를 제작할 수 있지만, 글로만 표시하는 것은 한계가 있다. 백줄의 글보다 한장이 사진이 더 유용한 경우가 있는데, 이 때 웹페이지에 이미지를 표현하는 것이 가장 바람직할 수 있다. 웹페이지에서 이미지를 표시하고자 한다면 html 의 img 태그를 사용하여 이.. 2022. 5. 23. html 링크 태그 북마크 처럼 사용하기 using a link tag bookmark html 문서에서 북마크를 이용하여 사용자로 하여금 보고 싶은 컨텐츠가 있는 곳으로 빠르게 화면을 이동시킬 수 있다. 링크태그와 선택자 아이디를 이용하면 북마크 기능을 만들 수 있는데 링크 태그에는 이동할 선택자 아이디를 지정하고 대상 컨텐츠에는 아이디를 지정하면 된다. 링크 태그에 이동할 선택자 아이디를 지정할 때는 #과 함께 사용한다. html 링크 태그 북마크 처럼 사용하기 using a link tag bookmark 웹페이지를 만들 때 스크롤이 길면 사용자로 하여금 불편함을 줄 수 있다. 하지만, 링크 태그에 이동할 선택자를 지정하면 사용자가 원하는 정보로 스크롤을 하지 않아도 이동할 수 있다. 현재 원페이지로 이루어진 많은 홈페이지들이 이런 방식을 채용하고 있기도 하고, 컨텐츠적으로 내용이 많.. 2022. 5. 19. html 링크 태그 버튼 모양 스타일 적용하기 using html link tag button style html 에서 a 태그를 이용해 다른 웹페이지로 이동할 수 있지만, 링크 태그의 모양을 변경하면 사용자에게 추가적인 정보를 보여주도록 유도할 수 있다. 보통 버튼 모양처럼 만들어 지는데 배경색과 테두리 글자모양을 이용한다. 이미지로도 만들 수 있지만, 지금은 css 스타일을 이용하여 코드로 유연하게 사용한다. html 링크 태그 버튼 모양 스타일 적용하기 using html link tag button style 링크를 만들 때는 a 태그를 이용하여 다른 웹페이지나 웹사이트로 이동하게 된다. 그런데 밋밋한 모양의 링크 태그는 이것이 메뉴인지 아니면 버튼인지 잘 알 수 없다. 스타일을 적용하면 링크 태그를 버튼처럼 만들 수도 있고, 메뉴 목록처럼 스타일을 지정할 수 있다. 링크 태그에 간단한 스타일을 적용.. 2022. 5. 14. 이전 1 2 3 4 5 6 7 ··· 17 다음 반응형
