HTML 기본, 기초(25~29)

2021.01.12( +2021.01.13)

 

-----------------------------------html-----------------------------------

form요소 : 브라우저 내부에서 사용하거나 서버로 정보를 넘기기 위한 요소

               action속성 - 정보를 어디로 보낼 것인가.(url)

               mathod속성 - 정보를 어떻게 처리할 것인가

input : type에 따라 입력 받음. 잘못된 이메일 양식을 거를 수도 있음.

         placeholder : 어떤 정보를 입력해야하는지 hint를 줌

         name : 서버에서 input정보를 가져올 경우 검색 가능한 이름

lable : input에 따른 캡션과 같은 존재. input과 꼭 한 쌍이어야 함

article : 그 자체로 완성된 부분을 article로 지정할 수 있음.

time : datetime이라는 요소를 가지는 태그

span : 특정 문장에 css를 사용할때 사용하는 태그. span 자체로는 아무 의미도 없음

dl : 정의할때 사용. dt요소 : 제목의 title, dd요소 : 제목의 description

 

----------------------------------css-----------------------------------

첫번째 요소만 선택 : classid:first-child{} 가상클래스 사용

label 숨김처리 : visibility, display를 이용할 수 있지만 사용자의 접근성을 위해 position absolute, clip: rect(0,0,0,0), margin -1px, overflow hidden, width 1px, height 1px 을 이용해 구현했다.

mail입력창이 submit버튼까지 침범 : input안에 padding값을 넣어서 해결

cursor: pointer; : 버튼 위에 마우스를 올렸을 때 하이퍼링크처럼 모양을 변하게 함

border-radious : 가장자리를 둥글게 만듬

 

-----------------------------문제점과 해결--------------------------------

1. btn에 top:30%;가 안먹힘

해결 : ?