Part 1. HTML로 웹 구조 설계하기 3장 셀프체크 3번 문제 : 위키백과 사이트의 목차를 HTML로 작성하기 코드 목차 역사 개발 최초 규격 표준 버전의 역사 HTML 버전 스케줄 HTML 초안 버전 스케줄 XHTML 버전 마크업 HTML 요소 데이터 형식 문서 형식 선언 결과 배운 점 목차의 요소 전체를 그룹 짓기 위해 div 태그를 사용한다. 목록 내용을 누르면 해당 문서로 연결되어야 하므로 a 태그로 링크를 작성한다. 링크의 대상 경로가 불분명하므로 일단은 href="#"로 적어둔다.

Part 1. HTML로 웹 구조 설계하기 3장 셀프체크 2번 문제 : 로그인 UI를 HTML로 작성하기 코드 구글 로그인 Log in with Google or 일반 로그인 LOGIN Forgot your password? 결과 배운 점 form 태그에 action속성은 백엔드 개발자가 담당하므로 일단은 action="#"으로 적는다. button 태그에서 type 속성값을 구글 로그인 버튼은 button으로, 일반 로그인의 로그인 버튼은 submit으로 한다. (단순한 버튼 : button, 폼을 서버에 전송할 목적 : submit) label 태그는 form 태그 안의 상호작용 요소에 이름을 붙일 때 사용하는데, 웹 접근성 향상을 위해 필수로 사용하는 것이 좋다. 이번 실습에서는 label 태그를 ..

Part 1. HTML로 웹 구조 설계하기 3장 셀프체크 1번 문제 : 포스트잇 UI를 HTML로 작성하기 코드 To. 남편 여보~ 오늘 급하게 먼저 출근해야 해서 인사도 못 하고 먼저 나가요~ 아침 굶지 말고 냉장고에 있는 반찬 전자레인지에 데워서 챙겨 먹고 나가요~! 그럼 오늘 하루도 힘내고 이따 저녁에 봐요~ 화이팅~! 결과 배운 점 포스트잇 요소를 그룹 짓기 위해 div 태그 사용하기