[TIL-4] 생활코딩 WEB1-6~11

6. 기본문법 태그

• 태그 : 설명해주는 것.
• 문법 : <열리는 태그> ... </닫히는 태그>
• 굵게 표시 : <strong> ... </strong>
• 밑줄 표시 : <u> ... </u>

 

7. 혁명적인 변화

• 제목 : <h1~6>. 숫자가 작을수록 큰 제목. 태그 적용하면 줄바꿈도 해줌.
• 태그라는 게 뭔지만 알면 모르는 태그 검색해서 금방 알 수 있음. 이것도 지식이나 마찬가지!

 

8. 통계에 기반한 학습

• 지식이 있어야 이해하기 좋은 태그. 알고 있으면 좋은 것 구분.
• 가장 많이 쓰는 태그들, 창조성의 원천! 먼저 공부해야 할 것. 뒷 순위에 있는 것들은 알면 편리한 것.

 

9. 줄바꿈: br vs. p

• 줄바꿈 : <br>. 닫아줄 필요 없음. 단지 빈 줄 하나를 추가하는 것. 여러 번 쓰면 공백이 넓어진다.
• 단락 : <p>. 단락의 시작과 끝을 알려주기 위해 다른 태그들 처럼 닫아줘야 한다. 단락을 나누기 위해 줄바꿈한다면 <br> 보다 정확한 태그이다.

 

11. 최후의 문법 속성 & img

• <img>처럼 태그의 이름만으로 정보가 부족한 경우, 태그 안에 속성을 추가해줌.
• src="사진명.jpg" : 디렉토리 폴더 안에 사진 파일이 있어야 함.
• width="100% 혹은 450 등"