HTML
- HyperText Markup Language
주석
- HTML <!-- 주석문 -->
- CSS /* 주석문 */
- Javascript, Java, JSP /* 주석문 */ //
em
- 웹브라우저의 기본 폰트 크기(16px)을 1로 하는 단위
- 소수점 표현도 가능
<marquee>
- 문자나 그림을 움직이게 하는 태그
behavior scroll : 일정한 방향으로 흐른다.(오른쪽에서 왼쪽으로 계속 흐름)
alternate : 문자가 좌우로 왕복
slide : 한번 반복 후 화면 끝에서 멈춤(오른쪽에서 와서 왼쪽에서 멈춤)
scrolldelay 스크롤 속도 지정 수치. 클수록 스크롤 속도 느려짐
scrollamount 스크롤 속도 지정 수치. 클수록 속도 커짐
bgcolor <marquee>태그가 움직이는 부분에 배경색을 지정한다.
width <marquee>태그가 움직이는 부분의 좌우 범위를 지정한다.
height <marquee>태그가 움직이는 부분의 위아래 범위를 지정
direction 스크롤 되는 방향을 정해준다.
<div>
- static : div태그의 현재 코딩 위치서만 존재함. 이동성이 없기 때문에 top, left, z-index속성은 사용해도 효과가 없다.
- relative : div태그의 현재 코딩 위치를 0, 0으로 기준 삼고 top, left 속성 사용에 따라 div 태그를 위치시킨다. z-index 속성을 사용하면 기존 컨텐츠 위에 위치할 수 있다.
- absolute : 화면 왼쪽상단 모서리를 0, 0으로 기준 삼고 top, left 속성 사용에 따라 div 태그를 위치시킨다. z-index속성을 사용하면 기존 컨텐츠 위에 위치할 수 있다.
- visibility : 보임여부 설정 visible(보임), hidden(안보임) 그러나 차지하는 공간은 남아 있음
- display : 보임여부 설정 block(보임), none(안보임) 그러나안보이고 차지하는 공간도 없음
<img>
- hspace : 왼쪽여백
- vspace : 위쪽여백
Form
- form -> enctype = "multipart/form-data" 이미지나 파일을 서버로 전송할 경우 설정
- input -> type
type="text" 한 줄의 문자열을 입력받는 양식 설정
type="password" 한 줄의 암호문자열을 입력받는 양식 설정
type="checkbox" 체크박스 양식 설정(다중 체크 가능)
type="radio" 라디오버튼 양식 설정(단일 체크만 가능)
type="file" 파일박스 양식 설정. 파일 업로드에 사용
type="image" 이미지 출력 양식 설정
type="button" 버튼 양식 설정
type="submit" 서버 전송 버튼 양식 설정. 폼 소속의 데이터를 서버쪽으로 보내는 버튼
type="reset" 초기화 버튼 양식 설정. 폼 소속의 입력양식 데이터를 초기화하는 버튼
type="hidden" 보이지 않고 값만 저장하는 양식 설정
- input -> name : 입력 양식 이름을 지정(DB컬럼과 맞추면 좋음)
- input -> value : 입력 또는 선택한 값이 저장되는 속성
- input -> size : 좌우 길이를 설정
- input -> maxlength : 입력 가능한 데이터 개수 설정(text, password에 설정)
- select -> name : 양식 이름을 지정
- select -> size : 설정한 수만큼 목록이 펼쳐 보임(설정한 속성값이 목록 개수보다 적으면 자동으로 스크롤바가 보인다.)
- select -> multiple : 다중 선택 여부를 지정(ctl키 누르고 다중 선택 가능)
- option -> value : DB에 저장될 실제값 저장
- textarea : 여러줄 입력할때 사용
이벤트 속성
<태그명 이벤트관련 속성명 = "자바스크립트코드;">
onMouseover : 마우스를 갖다 대는 순간 지정한 코드 실행
onMouseout : 마우스를 갖다 댄후 띠는 순간 지정한 코드 실행
onMousedown : 마우스 버튼을 클릭하는 순간 지정한 자스 코드를 실행
onMouseDragged : 마우스를 드래그 하는 순간 자스 코드를 실행
onKeydown : 키보드를 누르는 순간 지정한 자스 코드를 실행
onKeyup : 키보드를 누른 후 띠는 순간 지정한 자스 코드를 실행(onKeydown -> 키 인식 -> onKeyup 이벤트 순서로 실행됨)
onSelected : 문자열을 드래그해서 선택하는 순간 지정한 코드를 실행
onChange : 목록을 바꿔 선택하는 순간 지정한 코드를 실행
onLoad : <body>태그 안의 모든 내용을 읽은 후에 지정한 코드를 실행
댓글
댓글 쓰기