HTML문서51 HTML 이미지 맵(Image Maps) HTML 이미지 맵을 사용하여 이미지에 클릭 가능한 영역을 만들 수 있다. 이미지 맵 HTML 태그는 이미지 맵을 정의한다. 이미지 맵은 클릭 가능한 영역이 있는 이미지이다. 영역은 하나 이상의 태그로 정의한다. 아래 이미지에서 컴퓨터, 전화기 또는 커피 잔을 클릭한다: 이미지 맵 새 페이지로 이동하여 항목에 대한 자세한 내용을 보려면 컴퓨터, 전화 또는 커피 잔을 클릭하십시오: 컴퓨터 이미지를 클릭하면 아래 페이지로 이동한다. 스마트폰 이미지를 클릭하면 아래 페이지로 이동한다. 커피 이미지를 클릭하면 아래 페이지로 이동한다. 어떻게 작동할까요? 이미지 맵 뒤에 있는 개념은 클릭하는 이미지의 위치에 따라 다른 작업을 수행할 수 있어야 한다는 것이다. 이미지 맵을 만들려면 이미지와 클릭 가능한 영역을 설명.. 2023. 4. 30. HTML 이미지(Image) 이미지는 웹 페이지의 디자인과 모양을 개선할 수 있다. HTML 이미지 HTML 이미지 문법 HTML 태그는 웹 페이지에 이미지를 포함하는 데 사용된다. 이미지는 기술적으로 웹 페이지에 삽입되지 않으며, 이미지는 웹 페이지에 연결된다. 태그는 참조된 이미지에 대한 고정 공간을 만든다. 태그가 비어 있고 속성만 포함되어 있으며 닫는 태그가 없다. 태그에는 두 가지 필수 특성이 있다: src - 이미지의 경로를 지정한다 alt - 이미지의 대체 텍스트를 지정한다. img 문법 src 속성 필수 src 특성은 이미지의 경로(URL)를 지정한다. 참고: 웹 페이지가 로드될 때 웹 서버에서 이미지를 가져와 페이지에 삽입하는 것은 브라우저이다. 따라서 이미지가 실제로 웹 페이지와 관련하여 동일한 위치에 유지되는지 .. 2023. 4. 29. HTML 링크-북마크 생성 HTML 링크를 사용하여 독서자가 웹 페이지의 특정 부분으로 이동할 수 있도록 책갈피를 작성할 수 있다. HTML에서 북마크 생성 웹 페이지가 매우 긴 경우 책갈피가 유용할 수 있다. 책갈피를 작성하려면 - 먼저 책갈피를 작성한 후 연결을 추가한다. 링크를 클릭하면 페이지가 아래로 스크롤되거나 책갈피가 있는 위치로 이동한다. id 속성을 사용하여 북마크 생성 먼저 id 특성을 사용하여 북마크를 만든다: Chapter 4 그런 다음 동일한 페이지 내에서 책갈피에 대한 링크("4장으로 이동")를 추가한다: Jump to Chapter 4 Jump to Chapter 4 Jump to Chapter 10 Chapter 1 This chapter explains ba bla bla Chapter 2 This c.. 2023. 4. 28. HTML 링크-다른색상 HTML 링크는 방문했는지, 방문하지 않았는지, 활성 상태인지에 따라 다른 색상으로 표시된다. HTML Link Colors 기본적으로 링크는 다음과 같이 나타난다(모든 브라우저): 방문하지 않은 링크는 밑줄이 그어져 있고 파란색이다. 방문한 링크는 밑줄이 그어져 있고 보라색이다 활성 링크는 밑줄이 그어져 있고 빨간색이다 CSS를 사용하여 링크 상태 색상을 변경할 수 있다: 여기서 방문하지 않은 링크는 밑줄이 없는 녹색으로 표시된다. 방문한 링크는 밑줄이 없는 분홍색이다. 활성 링크는 노란색이고 밑줄이 표시된다. 또한 링크(a:hover) 위에 마우스를 놓으면 빨간색이 되고 밑줄이 표시된다: Link Colors 기본 링크색상을 변경할 수 있다. HTML 이미지 링크 버튼 링크는 CSS를 사용하여 버튼으.. 2023. 4. 27. 이전 1 ··· 8 9 10 11 12 13 다음
