[HTML&CSS]0809_HTML 기본,활용

1. Paging에 필요한 공식, 코드를 작성할 수 있다.
2. Django에서 제공하는 Login 기능을 활용할 수 있다.
3. HTML의 기본적인 표현(텍스트) 태그를 사용하여 웹페이지를 구성할 수 있다.
4. HTML의 다양한 태그를 사용하여 특별한 형식의 웹페이지를 구성할 수 있다.

 

---

 

HTML

 

• * 줄바꿈 적용 시 br 태그 사용
• * 여러개의 공백도 1개로 적용, 여러개 적용 시   특수문자 사용
• <!-- 내용 --> : 주석
• h1~h6 : 제목, 중요내용 표현
• hr : 수평선
• p : 단락(본문/내용)
• b : 진하게 
• i : 이탤릭체 (살짝 기울어진 글자체)

 

---

 

a : 링크, 현재 문서 내 / 다른 문서로 이동

• 중요한 개념 : 절대 경로, 상대 경로

img : 이미지

• 자주 사용되는 속성 : src, width
• png : 투명, 해상도 대비 적은 용량
• gif : 투명 + 애니메이션
• jpg : 고해상도

 

---

 

 

table, tr, td : 테이블 형태의 UI 제공

• 자주 사용되는 속성 : border, colspan, rowspan

ul, li (또는 ol, li) : 목록

• div (공간 분할 태그) : 특정 공간을 표현할 때 사용

 

* 모든 태그에 적용될 수 있고 자주 사용되는 중요한 속성

 

class, id 

 

    - 부트스트랩과 같이 미리 디자인이 되어 있는 상태를 적용 시

    - 라이브러리 기능 적용 시

    - 개발자가 직접 이벤트 적용 시