웹표준문서를 작성하는 것을 독학하면서 가장 궁금했던 것이 있다. '나 같은 신생아가 대체 이 많은 태그들을 어디서 어떻게 유용하게 가져와서 배우고 쓸 수 있는걸까?' 웹사이트를 하나 구축하려면 코딩을 잘 하는 것도 중요하지만, 웹사이트에서 필요한 글씨체(font), 이미지 (vector icons, images), 그리고 코딩을 연습할 수 있도록 환경이 조성되어야 한다. 그러나 보통 코딩을 배우면서 모든 어플리케이션을 다 컴퓨터에 깔기 힘들 수도 있고, 이 것을 하다가 저것을 하러 다른 앱을 켜고 왔다갔다 하면 굉장히 피곤하기도 하다 ... 정말로... 그리고 강의를 하나 듣는다고 해도 거기에서 배우는 elements가 전부가 아니기 때문에 계속 새로운 것들을 공부해야 한다. 책에 나오는 것들보다 실무에..

lable 사용자 인터페이스 항목의 설명을 나타냅니다. 을 요소와 연관시키려면, 에 id 속성을 넣어야합니다. 그런 다음 에 id 와 같은 값의 for 속성을 넣어야합니다. Do you like peas? input 입력요소로서, 다양한 종류의 입력 데이터 유형과 컨트롤 위젯이 존재합니다. 유형설명기본 예제 유형 설명 예시 button 기본 행동을 가지지 않으며 value을 레이블로 사용하는 푸시 버튼. checkbox 단일 값을 선택하거나 선택 해제할 수 있는 체크박스. color 색을 지정할 수 있는 컨트롤. 브라우저가 지원하는 경우, 활성화 시 색상 선택기를 열어줍니다. date 날짜(연월일, 시간 없음)를 지정할 수 있는 컨트롤. 브라우저가 지원하는 경우, 활성화 시 날짜를 선택할 수 있는 달력 ..

Visual studio code 사용하여 첫 수업 진행. 오늘은 정식 수업은 아니고 선수업 단계이다. 오늘 2시간, 다음 2시간 후에 본수업 시작이 된다. 수엄이 어려워서 못 따라갈까봐 미리 연습했던 것들이 많은 도움이 되었다. 역시 유튜브... ㅠㅠ 갓튜브.. 선생님이 열심히 기본구조 설명하실 때 혼자 배운 것들을 연습해 보았다. 역시 안 보고 혼자 하려니까 허접하구만.. 오늘의 메뉴 오늘 저녁은 뭐먹을까? 아이스 아메리카노 요구사항 넣기 아아 여린잎녹차 망고쉐이크 밀크티 이 것은 오늘 수업에서 배운 것들이다. 어제까지 혼자 연습했던 것들을 하루에 다 배운다.. 이미 혼자 공부한 것들을 다시 복습하는 느낌이라 쉽고 재미있다는 느낌이 들면서도 혼자 시간낭비 한 것이 아닐까... 살짝 씁쓸..ㅎㅎ 그래도..

nth-child(2n+1) : 홀수만 선택 nth-child(2n) : 짝수만 선택 first-child: 첫 번째만 선택 last-child : 마지막만 선택 English Korean Chinese French Spanish Japanese Irish 결과물

nth-child(2n+1) : 홀수만 선택 nth-child(2n) : 짝수만 선택 first-child: 첫 번째만 선택 last-child : 마지막만 선택 ul li:nth-child {} 이 코딩을 할 때 띄어쓰기 잘못하거나 스펠링이 틀리면 결과값이 잘 안 나오므로 주의한다. 아무때나 띄어쓰기를 하면 안 되는 점 주의! English Korean Chinese French Spanish Japanese Irish 결과물

margin: 0 0 0 0 시계방향으로 상,하,좌,우로 지정 값의 위치를 주는 것. margin: 30px, 0 로 하면 상, 하는 30px만큼 떨어지지만, 좌,우는 0px가 된다. margin: 0, 500px, 30px, 0 이런 식으로 따로 따로 지정할 수도 있다. margin: 0 auto; 이렇게 지정하면 항상 콘텐츠가 가운데 정렬이 된다. 웹 페이지의 크기에 상관 없이 가운데 정렬이 되기 때문에 매우 중요함. text-align: center; : 글씨 가운데 정렬 em; : 배수로 크기를 키우기 참치김치찌개 심겹살볶음밥 구운닭갈비 왕갈비치킨 오삼철판볶음 결과물