[프론트엔드] HTML 강의 3일차
2022. 7. 28. 16:10
개발도전하기/HTML5
HTML 각종 요소 (태그) input type ⑴ file 원하는 파일을 선택하여 서버로 전송하는 입력 상자 ⑵ email 이메일 입력받는 글 상자 @가 없으면 제출 (다음 페이지로 이동)되지 않음. ⑶ url 웹사이트 입력받는 글 상자 (http로 시작하는 url) 이 입력 필드는 폼 데이터를 제출하기 전 입력된 값이 유효한 URL 주소인지 여부를 자동으로 검증한다. ⑷ tel 전화번호를 입력받는 글 상자 ⑸ date 날짜를 입력받는 글 상자 이 외 태그 요소 ⑴ a 하이퍼링크를 걸어주는 태그 네이버로 이동 ⑵ textarea 긴 텍스트를 입력할 수 있는 글 상자 ... 내용 ... ⑶ form input 태그를 묶을 때 사용 백엔드 서버와 통신 form 태그 안의 input 태그의 value(값) ..
[프론트엔드] HTML 강의 2일차
2022. 7. 15. 16:16
개발도전하기/HTML5
HTML 각종 요소 (태그) div 태그 빈 박스, 하나의 구역 웹 사이트에서 섹션을 나눌 때 사용 a,p,img 등의 태그는 그 자체로 어떤 기능을 하는지 명확하지만 div는 특별한 기능이 없다. 그럼에도 div 태그를 사용하는 이유는 비슷한 부분끼리 그룹, 디자인에 맞게 레이아웃을 분리, 각 div태그에 class나 id라는 attribute를 부여하고 css 스타일을 입혀줄 수 있기때문이다. p 태그 한줄 단위의 글을 작성, 위 아래 공간이 생긴다. (하지만 이 위아래 공간은 보통 css로 초기화하여 사용) Paragraph의 줄임말로, 주로 문단을 통로에 넣을 때 많이 사용 한 줄에 이어서 안나오고 단락이 나뉘는 요소인 block-element이다. span 태그 단어 단위, 특정 구간을 분간 s..