본문 바로가기

HTML, CSS, javascript

 (36)
이미지맵(imagemap) 실습 - img 태그를 이용하여 이미지를 불러오고 usemap 속성을 사용하여 이미지의 원하는 위치에 링크를 건다. - map name을 usemap과 일치시킨다. - shape 속성에서 circle은 원으로 coords 속성값은 (중앙의 가로 위치, 중앙의 세로위치, 반지름)을 입력하며, rect은 직사각형으로 coords 속성값에 (좌상단 가로 위치, 좌상단 세로 위치, 우하단 가로 위치, 우하단 세로 위치)를 입력한다. - target 속성에 "_blink" 값은 새창으로 링크를 열고 싶을 때 입력한다.
HTML (2) , 태그 - ol(ordered list): 순서가 있는 목록 태그 - ul(unordered list): 순서가 없는 목록 태그 - 태그 사용시 태그로 작성 해야한다. - ex) 목록 1 목록 2 태그 - tr: 표의 행 - th: 표의 행 내부의 제목 셀 - td: 표의 행 내부의 일반 셀 - colspan(열이 서로 다른셀 병합), rowspan(행이 서로 다른셀 병합) 사용하여 셀 병합이 가능하다. - table 태그 사용 시 브라우저에서 자동으로 하단에 tbody태그가 생성된다. - border값을 주지 않으면 선이 표시가 되지 않는다. 태그 - 웹문서가 서로 상호작용 할 수 있도록 하는 역할을 한다. - button, checkbox, password, radio, submit, text, f..
layout 실습 1. margin을 이용해 div 요소들을 화면 중앙에 정렬 시킨다 2. padding값을 주게 되면 width값에 padding값을 더한게 div 좌우 사이즈가 되기 때문에 box-sizing: border-box를 사용해서 width값을 고정시킨다. /* .box02의 margin-bottom값이 30px이고 .box03의 margin-top값이 100px이지만 .box02의 margin값이 적용되지 않아서 아래 그림처럼 .box03의 top쪽 여백이 130px이 아니라 100px만 적용된다. */
HTML (1) HTML이란? - HT : HyperText, 문서와 문서가 링크로 연결되어있다. - M : Markup, 태그로 이루어져 있다. - L : Language, 언어 태그(tag) - 태그는 시작태그와 종료태그의 조합으로 이루어져 있다. - 형식은 이며, 종료태그가 없는 태그도 있다. ex) , 등... 속성(attribute) - 시작태그에 필요에 따라 속성을 작성하며, 사용할 수 있는 속성은 태그마다 다를 수 있다. - 여러 개의 속성 선언 시 속성과 속성 사이에는 공백으로 구분하여 지정해야 한다. 요소(element) - 태그를 사용해 만들어진 객체를 요소라고 한다. 태그의 종류 - , 1. 요소에는 문서의 메타데이터 집합 요소로, 문서 제목, 스타일 파일 연결 등을 위한 요소들을 포함할 수 있다. ..

티스토리툴바