코드스테이츠 SEB_FE_44 2일차 회고

오늘 HTML에 대해 전체적으로 공부했다..
원래 배움의 끝이 없다는 코딩이 한번 더 실감나는 날🙃

오늘은 전체적으로 공부하면서 머리속에 저장하는 마음으로 쭉 나열해봐야겠다.

HTML

• tag들의 집합

• 구조를 만들기 위한 마크업언어

  • 마크업 언어 : 태그 등을 이용하여 문서나 데이터의 구조를 명기하는 언어의 한 가지

• 트리구조
  => html, head, body

• most used tags in HTML

  • div태그 : 가장 semantic하지 않은 블록요소, 한 줄을 차지
  • span태그 : 컨텐츠 크기만큼 차지
  • a태그 : 링크삽입 , target="_blank" : 새탭으로 링크열기 , 파일 내 이미지업로드시 (./login.html): 로컬파일
  • img태그 : 이미지를 불러오는 태그 (alt: 대체택스트)

• ul vs ol
  -> unordered(순서가 없는) vs ordered (순서가 있는)

• id vs class
  -id : 고유한 이름 (#), 사용횟수 적음
  -class : 반복되는 영역을 유형별로 분류(.), 묶어서 구분, 여러 중복요소수정

• plus

  • id와 for가 일치하는 경우 (radio)이름 설정할 때 label태그 내

       	 <form action="submit">
           	 <input id="todo">
              		 <input id="todo_workout" type="checkbox">
              		 <label for="todo_workout">운동</label>		
                		 <input id="todo_study" type="checkbox">
               		 <label for="todo_study">공부</label>
           	 </div>
            	<div>
          <button> 오늘 할 일 완료 </button>   

• button type

  • button: 일반 버튼
  • submit: 제출 (새로고침)
  • reset : 리셋

• select

  • option을 통해 지정 (option value = "제출 시 전달 값")

• p(paragraph) vs div (division)

  • p : 단락이 나누어짐, 하나의 문단을 만들 때 사용
  • div : margin이 생기지 X

• checkbox vs radio 차이점
  -> 중복선택 가능 ? 불가능 ?
  • radio는 꼭 name을 지정해 통일화를 해주어야 함

2/14일 종합퀴즈 오답노트

• Q. 다음 중 자바스크립트 실행과 가장 밀접한 것을 고르시오
  • A . script : body가 끝나기 직전에 위치시킨다.
  • 스크립트 요소가 자바스크립트 실행을 위해 사용

    <script src = "my-java-script.js"></script>