미션 0. HTML, CSS, JavaScript

YJ·2025년 5월 11일
0

HTML

#1.4 웹 페이지 기본 태그

  • link tag
    : 외부 리소스와의 연게 정보 표시, HTML과 외부 CSS 파일 연계
<link rel="stylesheet" href="style.css">
  • script tag
    : client-side JavaScript 정의
 <script>
      document.addEventListener('click', function () {
        alert('Clicked!');
      });
    </script>

#1.7 표 형식 표현을 위한 태그

  • table: 표를 감싸는 태그
  • tr: 표 내부 행(table row)
  • th: 행 내부 제목 셀(table heading)
  • td: 행 내부 일반 셀 (table data)

#1.8 폼 태그

기능이 정말 많음.. 과제 하면서 차차 뽀개보자
참고) https://poiemaweb.com/html5-tag-forms

CSS

#1.4 박스 모델

  • content: 실제 내용이 위치하는 영역, width, height 프로퍼티를 가짐
  • padding: 테두리 안쪽에 위치하는 내부 여백
  • border: 테두리 영역
  • margin: 테두리 바깥에 위치하는 외부 여백

#1.10 우선순위

  • Cascading (캐스캐이딩)
    : CSS 적용 우선 순위
    1. 중요도: CSS가 어디에 선언 되었는지에 따라 우선순위가 달라짐
    2. 명시도: 대상을 명확하게 특정할수록 우선순위 높아짐
    3. 선언순서: 선언된 순서에 따라 우선 순위가 적용, 나중에 선언된 스타일이 우선 적용

JavaScript는 파트 스터디에서 다루기 때문에 생략 ,,

1개의 댓글

comment-user-thumbnail
2025년 6월 18일

딱 핵심내용들만 담아서 정리하셨네요! 정리하시느라 수고 많으셧습니당 각각 개념들을 실제 코드에서 어떻게 활용하는지도 알아보면 좋을거 같아요!

답글 달기