My footsteps
8. 가상클래스(링크) 선택자: a:동작{속성:속성값;} *동작 ▶a:link = 링크된 글자를 보고만 있을때 스타일 (text-decoration속성으로 링크 누르기전에 밑줄뜨는거 없앨수도 있다) ▶a:visited = 링크된 글자를 클릭했을때 스타일 ▶a:hover = 링크된 글자에 마우스를 올렸을때 스타일 ▶a:active = 링크된 글자가 활성화 됐을때 스타일(올렸다가 치웠을때) ▶a:focus(키보드의 동작을 의미한다) = 키보드 tap키로 링크를 선택했을때 스타일 적용: ▶똑같은 html 태그를 꾸며줄때는 작성된 스타일 순서의 영향을 받음 (맨 밑에 있는 명령이 가장 우선의 명령이 됨,단!!!!"동일한"태그를 꾸밀때만임) https://www.youtube.com/" target="_balnk..
▶예시 표시하기 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. 이미지 링크나 주소 복사(그냥 주소 ..
색지정하기 ▶ 배경색 지정 ▶ 글자색 지정 ▶ 혼용 ※ 색이름 입력 방법(3가지) ▶ 영문으로 입력 : red, yellow, blue, lightgray.... ▶ RGB값으로 입력 : rgb(000,000,000) ▶ 16진수로 입력 : #00ff00 HTML 태그 정의 및 특징 태그는 테이블에서 서식 지정을 위해 하나 이상의 열을 그룹으로 묶을 때 사용합니다. 요소는 각 행(row)이나 셀(cell)의 스타일을 반복하지 않고, 열(column) 전체에 다른 스타일을 적용하고 싶을 때 유용하게 사용할 수 있습니다. 또한, 요소 내부에 요소를 포함하여 열마다 각각 다른 스타일을 적용할 수도 있습니다. 요소는 요소의 자식 요소로, 모든 요소보다 뒤에 위치해야 하며 모든 , , , 요소보다는 앞에 위치해야..