이것저것

CSS3 스타일 시트 CSS로 작성된 코드를 스타일 시트라고 한다. 로 디자인을 하며 style 태그는 와 사이에 입력한다. 셀렉터란 css3 스타일 시트의 이름이나 규칙이라고 생각하면 된다. (ex : body, p, h3 등등) 스타일 시트는 { }를 이용해서 작성한다. "프로퍼티:값"으로 표현되고 ; 으로 분리된다. 마지막 ; 은 생략가능하다. 주석 문은 java와 동일하게 /* ~ */으로 표현된다. 셀렉터와 프로퍼티는 대소문자의 구분이 없다. style 태그에서 고정 스타일을 지정해줘도 밑의 태그에서 style 속성을 적용해주면 수정한 style 속성으로 적용된다. 위에서 정의를 해도 수정을 한 것으로 변환된다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 1..

서로 다른 속성을 가진 폼이 약 20가지 있다. method 속성은 거의 get, post 2가지를 쓴다. 은 과 같이 쓴다. input 태그는 사용될 수 있는 용도가 많다. type : input에 작성할 타입을 정해준다. (ex : text, password, submit...) size : input 상자의 크기를 정해준다. 적지 않으면 기본값으로 출력된다. value는 아무것도 안 넣을 경우에는 굳이 적어 주지 않아도 된다. 복붙용으로 쓸 때는 value =""로 작성해놓는것이 좋다. submit : 전송의 의미로 버튼 형식으로 작성된다. maxlength : 총 입력할 수 있는 글자 수를 제한할 수 있다. : 영어를 기준으로 cols는 가로글자수, rows는 세로 글자 수의 창을 만들어준다. 오..

시멘틱 태그 페이지의 머리말을 표현 하이퍼링크들을 모아 놓은 섹션, 페이지 내 목차를 만들 때 주로 쓴다. 웹 페이지를 구분지어주는 역할을 하며 페이지의 본문을 나눠주는 역할을 한다. 웹 페이지를 훼손하지 않는 내용들을 담는데 주로 쓴다. 블로그 포스트 댓글 등으로 쓰인다. 웹페이지의 본문에서 약간 벗어난 부분으로 사이드 부분의 광고 영역으로 많이 쓰인다. 저자나 저작권 정보를 입력하는 부분으로 대부분 제일 아래에 위치한다. 위와 같이 시멘틱 태그로 구조만을 정해주고 이들의 위치나 색상 모양들은 css를 이용해서 직접만들어줘야한다. css는 파일을 따로 생성해주지만 태그에 직접 넣어서 작성해줄 수 있다. 태그에 이런 식으로 css를 적용시켜줄 수 있다. 1 2 3 4 5 6 7 8 9 10 11 12 1..

하이퍼링크 만들기 : a태그를 사용해서 웹페이지의 링크, 혹은 다른 jsp, html 파일의 링크를 걸어둘 수 있다. 1 2 내블로그 입니다