본문 바로가기

SpringBoot/스파르타 웹개발의 봄 spring

[스파르타 웹개발의 봄 spring] 03.06 HTML,css 기초

728x90
반응형

##Html 기초

1.대표적인 태그

  • h1~h6
  • → headline의 약자, 신문 제목 같은 녀석이에요.
  • div
  • → divison, 나누는 녀석이에요. 투명 비닐봉투!
  • p
  • → paragraph, 신문 기사 단락과 같은 텍스트 내용을 담습니다.
  • ul, ol, li
  • → (un)ordered list, list에 해당합니다. bullet point.
  • span
  • → 글을 중간중간 잘라내서 색을 입혀준다든지 할 때 사용합니다.
  • table, th, tr, td
  • → 표 입니다! 엑셀 같은 표를 그릴 때 사용합니다.
  • img
  • → 이미지를 나타낼 때 사용합니다.

 

##css 기초

1.문법

head > style 태그 안에 작성합니다.

세미콜론(;)으로 마무리합니다.

 

2. 상속

- - id 또는 class 상속

 

1
2
3
4
5
6
7
8
.wrap {
    width: 538px;
    margin: 10px auto;
}
 
#contents {
    width: 538px;
}
cs

 

 

##기본 홈 정적 화면 html  resources-static 에 추가

 

 

반응형