06. 폼(Form) 요소 기초 폼 요소form element란? 그 자체로는 눈에 그렇게 띄지 않지만, 텍스트 입력란, 비밀번호 입력란, 버튼 및 체크박스 등의 개별적인 form control을 품는 컨테이너container로, 아래 그림의 굵은 빨간색 테두리 부분이 폼form이라고 보면 된다. 그리고 위 그림의 분홍색 테두리 부분들은 개별적인 컨트롤control 또는 개별 입력란을 나타낸다. 그러니까 폼은, 한데 그룹화된 모든 입력란을 포함한 상자인 것이다. 또한, "작성된 폼 내용을 그룹화해서 작은 배송 레이블을 붙인 다음에 내 서버로 보내줘"와 같은 구체적인 지시까지 내릴 수 있는 요소이다. 여러 다른 입력란, 즉 폼은 요소가 감싸고 있는데, 여기서 데이터를 어떻게, 어디로 전송할지 결정하게 된다..

이번 섹션에 포함된 강의명은 다음과 같다. (강의에서 제공된 번역 내용을 기반으로 작성하지만, 간혹 오역으로 판단될 경우에는 내 해석으로 대체할 수 있음..!!) 순서 강의명 소요 시간 중요도 (필수crucial/중요important/선택nice to have) 01 HTML 테이블 개요 Introducing HTML Tables 4' 08" 중요 02 테이블 기초: , , , Tables: TR, TD & TH Elements 9' 11" 필수(어려움) 03 테이블 영역: , , Tables: Thead, Tbody & Tfoot Elements 2' 15" 중요(어려움) 04 테이블 Colspan & Rowspan Tables: Colspan & Rowspan 4' 14" 선택 (지금 단계에서는 어렵..

06. 시맨틱 마크업의 개요 정의는 Do it 책을 공부하며 봤었지만, 다시 한 번 제대로 짚고 가자. ↳ 누르면 내가 예전에 썼던 포스팅인 'DAY 2. 웹 문서 구조를 만드는 시맨틱(Semantic) tag'로 연결된다. 시맨틱semantic: 의미와 관련된, 의미가 통하는 마크업markup: 태그 등을 이용하여 문서나 데이터의 구조를 명기하는 언어 시맨틱 마크업semantic markup: 의미 있는 마크업, 요소 내용의 의미에 관련된 마크업 뒤늦게 등장한 Semantic markup. 이것이 나타나기 전의 웹 사이트에는 안에 안에 또 처럼 무한 의 늪, 아니면 요소나 의 연과 같이 말 그대로 내용만을 담고 있는, 역할이나 사용 목적을 알 수 없는 tag들이 즐비하게 늘어서 있었다. 그러나 Sema..

이번 섹션에 포함된 강의명은 다음과 같다. (강의에서 제공된 번역 내용을 기반으로 작성하지만, 간혹 오역으로 판단될 경우에는 내 해석으로 대체할 수 있음..!!) 순서 강의명 소요 시간 중요도 (필수crucial/중요important/선택nice to have) 01 HTML5가 정확히 무엇인가 What Exactly Is HTML5? 6' 27" 필수 02 블록 vs. 인라인 요소 ─ 와 Block vs. Inline Elements ─ Divs and Spans 8' 42" 필수 03 기타 요소 모음: , , , 요소 Other Elements: , , , elements 6' 18" 선택 04 엔티티 코드 Entity Codes 6' 01" 필수 05 코딩 연습 4: Snowman Logo Exer..

12. 앵커anchor 태그 하이퍼링크를 만드는 데 흔히 사용하며, 아~~주아주 자주 사용된다. tag를 통해서 다른 웹 페이지, 이메일 주소, 파일, 심지어는 현재 페이지의 다른 부분으로 스크롤이 내려가는 것까지 해낼 수 있다. I AM A LINK! 이렇게만 쓰면 하이퍼링크가 되지 않는다. 이유는 앵커 태그에서 가장 중요한 필수 사항인 '목적지' 즉, I AM A LINK!를 눌렀을 때 연결되는 페이지가 지정되지 않아서이다. 목적지는 보통 아래 두 가지 방법으로 지정한다. ① URL I AM A LINK! ② 다른 HTML 문서 (여기서는 about.html이라는 파일이 있다고 가정하기로^^) ABOUT PAGE VSCode에서는 빈 줄에 a 를 누르고 Tab 을 누르면 자동으로 가 입력된다. 13...