element = 태그+내용물

Attribute(속성)

생략가능, Element의 속성지정, atrribute_name과 value set을 표준으로 정의

Block level element(tag)
  • 대부분 Inline 요소와 Text 요소를 포함
  • 일부 요소는 Block 요소를 포함
  • 새로운 행에 표시
Inline level element
  • 오직 Inline 요소와 Text 요소 만 포함
  • Text 처럼 취급됨
  • 새로운 행에 표시 되지 않음
semantic tag

태그 이름만 봐도 의미를 알 수 있게

CSS(Cascading Style Sheets)

장점
  • 구조와 표현의 분리 , Sementic Markup
  • File Size 감소
  • 효율적이고 정교한 디자인 제어
  • Browser 호환성에 대처 용이
CSS를 사용하는 3 가지 방법
  • External Style sheet, 태그 사용
  • Internal Style Sheet,
  • Inline Styles

image

Selector (선택자)

스타일을 지정할 대상 요소를 선택하는 데 사용하는 패턴 표기법

  • Universal Selector
  • Type Selector

  • 중앙정렬할때, margin: auto를 사용하는데 반드시 width값이 정해져있어야함
framework

반제품? 틀. 이용법을 익혀야하는 단점이 있음->spring boot

  • src\main\resources
    환경설정, db작업, 자바가 아닌것들
  • src\main\resources\application.properties
    프로젝트를 실행시킬 때 필요한 환경 정보들(환경 설정 파일)
  • localhost
    내 컴퓨터->사용할 수 없음 컴퓨터에 DB가 없음(나중에 사용)
    두번째것 주소 주석 해제

  • src\main\resources\static
    css, js, html
  • src\main\resources\mappers\word.xml
    무슨 정보를 가져오고 집어넣을건지?

  • src\main\java
    java file은 여기에 넣으면됨
  • @ : annotation
main이 있는 프로그램

application(SE, pc에서 돌리고 끝). boot의 특징-웹에서 돌아가지만 main함수 형식(서버를 실행시키는 프로그램 : main)