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

웹 페이지로 이동하는 링크를 표시하는 태그 href 속성으로 이동할 페이지 주소를 지정한다. 속성 | 속성 | 값…

text 한 줄 짜리 텍스트 입력 필드 <form> <label for="fname">First name:</label><br /> <input type="text" id="fname" name="fname" /><br /> <label…

input form 요소 중 가장 많이 사용하는 태그 type에 따라 다양한 방식으로 표현할 수 있다. <label for="fname">First name:</label> <input type="text" id="fname" name…

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

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

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