HTML

1. HTML 결국 <div></div> 만 씀
2. 주로 사용하는 태그들 : div, image, a, button, form, button
3. 다른 공부할 때 배우는 <b></b>, <ul></ul>, <tr></tr>
   이런거는 신경쓰지 말자. 이런거 신경쓰면 공부하는데 오래 걸림
4. 일단 div, span, image만 이용해서 바로 만들어 보자
5. 나머지는 필요할 때마다 찾아가면서 공부하면 된다.

CSS

1. 선택자 CSS, ID 익혀보기 : class, id
2. 상속을 이용해 보기 [.asdf .asdf], [.asdf > .asdf]
3. 컬러변경 : background, font
4. 크기변경 : width, height
5. 박스모델 이용 : margin, padding

과제자료

html - 1

[Djnago 기초] 1장. Python Django란? 블로그 글을 html으로 똑같이 만들기.

• https://medium.com/@psychet_learn/djnago-python-django%EB%9E%80-d1165b8e640b
• h1 ~ h6 태그와 p태그, span태그, img태그만 사용하면 됨.
• 추가로 굶은 글씨는 b태그나 i태그 사용 or span태그로 CSS 사용
• 기본으로 http://127.0.0.1:5500/html1/%EC%9E%A5%EA%B3%A0%EB%9E%80.html 이 정도만 하고 추가로 더해도 됨.

vs code 확장기능 추천

• 1 순위 : 없으면 불편한 것들
  • Python
  • HTML CSS Support
  • Beautify or Prettier
  • Live Server
• 2 순위 : 있으면 편한것들
  • Auto Close Tag
  • Auto Rename Tag
  • IntelliSense for CSS class names in HTML
• 3 순위 : 개인적 추천
  • Material Icon Theme
  • Material Theme