IT 블로그

Form 태그 form 태그는 사용자가 입력한 정보등을 서버나 다른 페이지로 전송하는 역할을한다. 전송을 위해서는 action지정과 submit버튼이 필요하며 기본적으로 전송방식에는 get, post가 있다. 속성 - method : 전송방식(get, post) - action : 전송할 주소 사용법 1234 전송 버튼타입을 지정하지 않아도 자동으로 submit로 지정된다. Get, Post 사용 get · 보안에 취약 · 데이터 크기 제약 post · get에비해 보안 좋음 · 데이터 크기 제약 x 로그인을 한다고 예시를 들어보자 https://wmsttks.tistory.com/id=user1&pw=1234 get방식은 위와같이 아이디와 비밀번호가 url상에서 노출된다. 하지만 post방식은 url에..

Input 태그 - 사용자에게 정보를 입력받을 수 있게 해주는 태그 속성 - type : 입력할 타입 ex) text, number, hidden, radio, checkbox - name : form 전송시 넘겨줄 이름 - required : form 전송시 빈칸 방지 - readonly : 입력하지 못하게 막아줌 - hidden : 보이지 않게해줌 사용법 1 select 태그 - 미리 정해둔 여러 옵션을 선택할 수 있게 하는 태그 속성 (select태그는 주로 아래 두 속성만 사용) - name : form 전송시 넘겨줄 이름 - required : form 전송시 미선택 방지 사용법 1234 남성 여성 textarea 태그 - 줄바꿈이 불가능한 input 태그와달리 줄바꿈 가능하고 텍스트 입력이 보..

Inline - inline : 자신의 가로 크기만큼 가로 영역을 차지함 (줄바꿈 효과 x)- 종류 : span, b, i, code, em, strong, a, img, button 등이 있다. Block - block : inline 태그와 달리 가로 전체 영역을 차지함 (줄바꿈 효과)- 종류 : div, p, h1~6, footer, from, ul, ol, table, video 등이 있다. * block 태그 안에는 inilne 요소가 올 수 있음* inline 태그 안에는 block 요소가 올 수 없음

1. title 1사이트 제목 2. link 1 3. header 1해당 태그 안의 부분의 본문의 간판이라는 것을 의미 4. article 1태그 안의 부분이 본문이라는 것을 기계에게 명시해준다. 5. span 1inlin 태그로 레이아웃을 설정할 때 쓰임 6. p 1block태그로 주로 글 본문에서 줄바꿈 을 할때 사용 7. div 1block 태그로 레이아웃 설정할때 8. pre 1안에 있는 글은 사용자가 설정한 줄바꿈 등이 그대로 9. h1 ~ 6 1본문의 제목을 나타냄 10. a 1페이지 이동시 11. form 1태그 안에 등으로 정보를 보낼때 사용 12. nav 1사이트 네비게이션 역할을 한다 13. footer 1웹 문서 맨 아래쪽에 있으며 저작권, 연락처등으로 구성된 영역이다