▶예시 표시하기 placehold ▶필수입력사항 만들기 required ▶글자를 눌러도 선택 가능하게 설정 lable 남 *selet의 size를 넣어주면 목록이 펼쳐지고, multiple 속성까지 넣으면 다중선택가능 ▶키보드 커서 위치 설정 autofocus 걍 속성으로 input 안에 붙이기만 하면 된다 CSS: Casecade style sheet 계단식 스타일 문서 CSS작성방법 *선택자 종류 1. html 태그: h1{속성:속성값;} 적용: 2. 아이디(id): #이름{속성:속성값;} 적용: 3. 클래스(class): .이름{속성:속성값;} 적용: 4.모든 태그 소환: *{속성:속성값;} 적용:html 본문에 작성하는 모든 태그에 스타일 강제 적용 5.자식 선택자: li>a {속성:속성값;} =..

*이미지 맵 : 이미지 중에서 일부분, 지정된 위치에서 링크 설정 *사각형은 rect(렉텡글) *구역 여러개 설정할땐 이부분만 태그 추가해주면된다. 부터 추가할필요 X *이미지 좌표 보는법 이미지 우클릭 > 편집 > 그림판 좌측하단 좌푯값 나옴 *이미지 반지름 찾는법 그림판 선택 툴 클릭 > 원하는 부분 선택 툴로 잡기 > 좌측하단에 가로x세로값 나옴 거기서 가로값 나누기 2 하면 반지름값 나옴 Form(양식):사용자 입력 데이터 형태 지정 *fiedset은 의무로 꼭 넣어야 하는건 아니고 그냥 구역 구분용? 구역이름 구역이름 *method ="get" ▶ 주소 표시줄에 자료가 공개됨. 게시판에 주로 사용 "post" ▶ 사용자 입력자료 비공개 처리. 가입양식에 주로 사용 *input: 양식 종류, 자료..

이미지 가져오기 *닫는 태그 없음 *사진을 가져올땐 html폴더 안에 무조건 사진이 있어야만 가져올수 있음 ↑ ../이미지폴더/이미지파일.확장자 웹페이지에서 사용 가능한 이미지 확장자 ▶jpg:압축형식 이미지파일,투명한 부분은 흰색으로 나옴 ▶png:투명한 부분을 그대로 살린 이미지 파일 ▶svg:확대해도 선명한 이미지(그림에 적합함) 파일 ▶gif:최대가 256색으로 움직이는 이미지 파일 이미지 크기 지정하기 *width만 입력하거나 height만 입력하면 가로세로 비율이 고정된 상태로 크기가 조절됨 *비율을 무시하려면 width,height 모두 지정해야된다 다른 웹페이지 이미지 가져오기 1. 가져올 이미지가 있는 웹페이지 열기 2. 가져올 이미지에서 우클릭 3. 이미지 링크나 주소 복사(그냥 주소 ..

*CSS 그룹 묶기 : calss="saw" (왜 saw인지 알려고 했으나..그냥 외워야하는 공식인것 같음 딱히 이유가 없더라) > 근데 이렇게 style태그를 먹이면 saw라는 이름에 대한 선택자로 인식되기 때문에 saw 앞에 .을 붙여서 .saw 로 style태그에 적어줘야 calss가 saw인태그(calss="saw")로 인식이 잘된다 *같은 calss태그는 상단,하단 순서에 의해 차례대로 적용된다. 그래서 이렇게 되면 혼선이 일어날수 있어서 calss 태그를 이기는 태그를 써줘야 하는데 그것이 id 태그이다. id태그는 calss태그보다 뒤에 있어도 1빠로 적용된다 (태그빨 강한 순서 id > calss > a태그) *왜 id태그가 가장 쎄냐? : id=" "의 값은 단 한번만 등장해야한다. 예를..

색지정하기 ▶ 배경색 지정 ▶ 글자색 지정 ▶ 혼용 ※ 색이름 입력 방법(3가지) ▶ 영문으로 입력 : red, yellow, blue, lightgray.... ▶ RGB값으로 입력 : rgb(000,000,000) ▶ 16진수로 입력 : #00ff00 HTML 태그 정의 및 특징 태그는 테이블에서 서식 지정을 위해 하나 이상의 열을 그룹으로 묶을 때 사용합니다. 요소는 각 행(row)이나 셀(cell)의 스타일을 반복하지 않고, 열(column) 전체에 다른 스타일을 적용하고 싶을 때 유용하게 사용할 수 있습니다. 또한, 요소 내부에 요소를 포함하여 열마다 각각 다른 스타일을 적용할 수도 있습니다. 요소는 요소의 자식 요소로, 모든 요소보다 뒤에 위치해야 하며 모든 , , , 요소보다는 앞에 위치해야..