일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- nth-child()
- 고차함수
- 백준알고리즘
- 배열의 오름차순
- map()
- filter()
- 등차수열의 항 찾기
- 일반 형제 선택자 결합
- 인접 형제 선택자 결합
- 양방향 연결리스트
- classList.contains(string)
- 범용 선택자
- 쌍방향 연결리스트
- for..of
- disabled
- display : none
- Array.from()
- invalid assignment left-hand side
- 가상 요소 선택자
- 배열과 연결리스트의 차이
- Em
- Link
- 객체
- 단방향 연결리스트
- Sort
- CSS
- innerhtml
- 배열의 내림차순
- visibility : hidden
- indexOf
- Today
- Total
목록HTML (38)
프론트엔드 센트럴파크 (☞゚ヮ゚)☞

minlength : input태그의 최소 글 길이 갯수 maxlength : input태그의 최대 글 길이 갯수 Form TEXT : 제출

HTML 요소는 부모 콘텐츠의 설명을 나타냅니다. 태그는 무조건 부모요소가 이여하 한다는 뜻 Form 하아아암 잠온다 음식 이름 : 색깔 : 제출 의 장점 이라는 태그를 이용하여 특정 input 이나 fieldset에 비활성화를 할 수 있다. 참고 https://developer.mozilla.org/ko/docs/Web/HTML/Element/fieldset

input태그 안의 name은 하나의 form data 안에서 구분을 하는 이름이고 id는 label태그의 for과 연결짓기 위한 이름 - name과 id가 같을 필요는 없다. - id는 한 문서 내에서 겹치면 안된다. - name은 form태그 안에서만 겹치지 않으면 된다. Form 음식 이름 : 제출 get 방식을 이용하여 url에 name인 foodName이 들어가게 되었다. Form 음식 이름 : 색깔 : 제출 첫번째 div → 형제요소 : for과 label이 필수이다. 두번째 div → 자식요소 : for 요소를 적지 않아도 된다. 그렇기 때문에 id도 없어도 된다. ☞ 두개 다 똑같이 작동한다. 참고 https://developer.mozilla.org/ko/docs/Web/HTML/Elem..

action : 상대경로/ 절대경로 둘 다 가능 양식 데이터를 처리할 프로그램의 URI form 데이터의 서버를 모아서 서버로 전송할 수 있는데, 서버의 주소를 action에 넣는다고 생각하면 됨 method : 서버 개발자가 form데이터를 보내달라고 요청할 때, 보내달라고 하는 요청 메서드로 보내주면 post : POST 메서드. 양식 데이터를 요청 본문으로 전송합니다. get : GET 메서드. 양식 데이터를 action URL과 ? 구분자 뒤에 이어 붙여서 전송합니다. dialog : 양식이 안에 위치한 경우, 제출과 함께 대화 상자를 닫습니다. Form 제출 참고 https://developer.mozilla.org/ko/docs/Web/HTML/Element/form

controls 비디오 Sorry, your browser doesn't support embedded videos. Sorry, your browser doesn't support embedded videos. 는 웹브라우저 마다 호환성이 다르기 때문에 태그 안에 문자를 넣을 수 있다. 비디오가 재생되지 않는 환경일 때, 설정해놓은 문구가 뜬다. autoplay Boolean이 속성. 이 값이 설정되면, 데이터 로딩이 완료되지 않더라도 재생 가능한 시점에 자동으로 재생이 시작된다. 새로고침을 누르면 비디오가 재생이 되지 않고 멈추어 있다. 비디오 컨텐츠에 사운드가 있을 경우, 웹페이지에 진입하자마자 사운드가 나오게 되면 유저 입장에서 놀랠 수 있기 때문 사운드를 없앤상태(mouted)상태에서는 auto..

반응형 이미지 (min-width : 600px) 600px => 보다 큰 값을 가진 사람들에게 600px로 이미지를 고정하여라 (min-width : 450px) 450px => 450px보다 크고 600px 보다 작으면 450px로 이미지를 고정하여라 가로길이가 600px 이상 커져도 600px 사이즈의 이미지로 고정이 된다.

반응형 이미지 srcset 에서 지정한 300, 450, 600 의 가로길이 보다 화면의 가로길이가 초과 될 경우, 300 넘으면 300이미지, 450 넘으면 450 이미지, 600 넘으면 600 이미지가 나온다. w 600이 넘은 경우, 600에 설정된 사진보다 창이 커지면 같이 커진다. 물론 세로길이 설정도 가능하다! 참고 https://developer.mozilla.org/ko/docs/Web/HTML/Element/img#attr-srcset
r : row(행-가로) col : column(열-세로) scope : 범위 colspan : 너비 HTML 삽입 미리보기할 수 없는 소스
HTML 요소는 설명 목록을 나타냅니다. 은 로 표기한 용어와 요소로 표기한 설명 그룹의 목록을 감싸서 설명 목록을 생성합니다. 주로 용어사전 구현이나 메타데이터(키-값 쌍 목록)를 표시할 때 사용합니다. => 태그는 와 태그를 자식으로 갖는다. l : list(목록) t : term(기간) d : description(설명) HTML 삽입 미리보기할 수 없는 소스