flexbox float은 원래 이미지와 text를 어떻게 배치할 지 정의하기 위해 나왔던 것이다. float의 속성은 left, center, right가 존재한다. flexbox는 총 2가지만 이해하면 된다. flexbox는 container와 …

웹 페이지로 이동하는 링크를 표시하는 태그 href 속성으로 이동할 페이지 주소를 지정한다. 속성 속성 값 설명 download 파일 이름 링크 클릭시 타겟 다운로드 href url 이동할 페이지 주소 hreflang 언어 코드 연결된 문서의 언어 …

text 한 줄 짜리 텍스트 입력 필드 password 비밀번호 입력 필드 submit form-handler로 form 데이터를 전송할 때 사용하는 버튼 form-handler는 입력 데이터를 처리하는 서버 페이지 form 태그의 action 속성…

input form 요소 중 가장 많이 사용하는 태그 type에 따라 다양한 방식으로 표현할 수 있다. label label 태그는 form 요소를 정의하는 태그 screen-reader 기능을 사용하는 유저들에게 편리하다 radio 버튼이나 ch…

action 속성 form의 데이터들이 전송될 때 수행할 action을 정의하는 속성 성 form 데이터는 태그 내의 submit 버튼을 클릭했을 때 서버에 있는 파일로 전송된다. 하단의 예시에서 form 데이터는 "action_page.php"라는…

gatsby로 블로그를 만든 후 mdx파일을 이용하여 글 작성 시 ' > ' 문자 사용에 유의해야 한다. 글의 본문에 ' > ' 문자를 사용하는 경우 mdx파일을 html로 파싱하는 과정에서 태그를 바로 닫기 때문에 ' > ' 문자를 사용하기 위해서…

form 유저 입력을 위한 html 태그 input 태그들을 감싸는 컨테이너 역할을 한다. (ex. text, fields, checkboxes, radio buttons, submit buttons 등등) input form 내에서 가장 많이 사용…