반응형

HTML5 2

html 이미지맵(map 태그) 하나의 이미지에 여러 개(멀티)의 링크 걸기

텍스트나 이미지에 링크를 거는 방법은 a 태그를 사용하면 된다. 텍스트에 링크를 걸려면 a 태그로 해당 텍스트를 감싸주면 되고 이미지에 링크를 걸려면 a 태그로 이미지 태그를 감싸주면 된다. 그런데 인터넷 속도가 빨라지면서 사이트의 메인이나 페이지의 대부분을 이미지로 만들어서 여기에 멀티 링크를 거는 경우가 있다. 이게 바로 이미지 맵을 이용한 것인데 이미지 맵을 이용하면 링크를 걸 이미지들을 쪼갤 필요없이 하나의 통짜 이미지를 사용할 수 있다. 이미지맵, 말은 거창한 듯 하지만 단순히 map이라는 태그를 사용한다.map 태그는 이미지 맵을 만드는 태그며 원본 이미지를 표시하는 img 태그와 별도로 작성한다. 그리고 img 태그에서 사용할 map 태그의 이름을 지정하면 된다.이런 컨셉을 간단히 그림으로 ..

HTML5 강의 시작

HTML(Hyper Text Markup Language)란 웹(web) 페이지를 만들기위해 사용되는 프로그래밍 언어! 그렇다면 웹(web)이란 일종의 문서 전송을 위한 서비스로 HTML로 만든 문서들이 얽혀 있는 것을 본 따서 웹(web)이라고 이야기 합니다. 대충 구조를 보자면 HTML로->웹문서가 만들어지고->웹(Web) 서비스를 통해서 사용자들에게 문서가 전달됩니다. www웹(wed)이라 하면 www(World Wide Web)를 뜻하는데 인터넷 상에서 이루어지는 서비스입니다. 구체적으로 웹(Web) 서비스라고 하면 HTTP를 통해서 HTML로 만든 문서를 전송할 수 있도록 구축된 서비스를 말하죠. 웹(web)서버, 웹(web)문서 웹(web)페이지 등등 웹이라는 말은 익히 많이 들어 봤을 겁니다..

반응형