HTML
-
[CODECADEMY] 코드카데미 5일차 : Semantic HTML (header/nav/main/footer/section/aside/figure/video/audio/embed)HTML 2020. 6. 5. 16:54
다른 개발자가 내 코드를 보고 파악을 쉽게 하기 위해 구조화 시키는 것이 좋다 = Semantic 1. header 페이지의 머리에 해당하는 부분으로 네비게이션 링크나 ~의 헤딩테그를 포함한다. 사용법 : 또는 Everything you need to know about pizza! Everything you need to know about pizza! 2. nav 링크태그를 담는 태그 안에서 또는 독립적으로 사용할 수 있다. 사용법 : Home About 3. main 주된 내용을 담는 본문 태그 과 태그가 자식태그로 포함될 수 있다. 사용법 : Types of Sports Baseball The first game of baseball was played in Cooperstown, New York..
-
[CODECADEMY] 코드카데미 4일차 : <input> required / min&max / minlength&maxlength / patternHTML 2020. 6. 4. 14:17
1. required 회원가입 등을 할 때 *필수입력 이어서 미 입력시 다음 화면으로 넘어가지 않도록 않게 하는 속성 Do you have any dietary restrictions? 2. min / max (숫자의 개수 제한) user가 입력하는 값의 최소값과 최대값을 지정하여 정해진 범위 안의 숫자가 제출되도록 하기 위한 속성 Enter a number between 1-10: 3. minlength / maxlength (텍스트 개수 제한) 예 : 네이버 상품평 최소 10글자 제한하여 입력 / 비밀번호 최소 8자리 입력 등 Summarize your feelings in less than 250 characters 4. pattern 정규식 요청한 형식에 맞도록 user가 입력하게 하기 예 : 회..