본문 바로가기

HTML4

[HTML] onclick 링크 (현재페이지/새창/팝업/프레임) 1. 현재페이지에 부를때 button 2. 새 창에 열때 button 3. 팝업으로 열기 (주소,팝업창이름,옵션) button 4. 상위 프레임에 부를때 button 5. 프레임 지정 링크 button 2021. 1. 1.
[HTML] div 태그 대신 li 태그를 사용하는 이유 웹페이지를 코딩하다 보면 div태그가 매우 많을 것을 볼 수 있을 것이다. 항목을 나열하기 위해서 div태그를 많이 사용하는데, 최근 대기업이나 잘나가는 스타트업들의 홈페이지를 들어가보면 div 태그 대신 ul-li태그를 이용하여 항목을 나열해놓은 사이트들을 볼 수 있다. 왜? 태그가 아니라 태그를 사용한 걸까? 예전에는 (아마도 여전히) 각 브라우저가 공백, 여백 등과 같은 요소를 나열하는 데 고유한 작은 서식을 추가했기 때문에 많은 사람들이 div를 사용하는 것을 선호합니다. 아무도 서식을 없애거나 브라우저를 감지하기 위해 많은 코드를 추가하기를 원하지 않기 때문입니다. 허나 요즘은 웹의 중요성이 올라갔습니다. 전가기기들의 기술들이 올라가면서 웹을 사용하는 사람들이 굉장히 많아졌죠. 이 말은 즉슨 장.. 2020. 12. 18.
[HTML] HTML 마무리를 지어보자. a 태그, iframe, div, span, form, type 속성, 하이퍼 링크 : 하이퍼 링크란 다른 페이지나 사이트로 연결하는 링크(문자 또는 이미지)를 말합니다. 링크에 사용될 문자 또는 이미지 네이버 https 2020. 11. 21.
[HTML] HTML 이미지와 테이블 이미지 비트맵과 벡터이미지 비트맵은 각 픽셀이 모여 만들어진 정보의 집합으로 레스터 이미지라고도 부른다. 픽셀 단위로 화면에 렌더링한다. 그림판, 포토샵 등 툴로 편집할 수 있다. 벡터이미지는 수학적 정보의 형태들이 만들어내는 결과물이다. 이미지가 가지고 있는 점, 선, 면의 위치, 색상 등의 정보를 가지고 있으며 그를 화면에 렌더링합니다. 확대 및 축소를 해도 이미지가 깨지지 않습니다. 일러스트 같은 툴로 편집할 수 있다. jpg(jpeg) 압축율이 훌륭하여 사진이나 예술분야에서 많이 사용된다. 손실 압축(알고리즘)을 사용한다 파일명 또는 ./파일명 - ./파일명 ./하위폴더명/파일명 또는 하위폴더명/파일명 - 이미지가 상위폴더에 있는 경우 -> ../파일명 - 이미지가 상위폴더에 다른폴더 하위에 있는.. 2020. 11. 21.