생산성 향상과 스킬 업/온라인 무료강좌 학습노트

인프런 - 컴퓨터, 웹, 코딩, 프로그래밍의 시작 - Web1 #2

오한음 - old 2021. 4. 18. 16:39
SMALL

8. 통계에 기반한 학습

 

  - html 태그들은 약 150개 정도 되므로, 중요한 것들만 숙지하고 있고 나머지는 찾아서 쓰면 된다

 

9. 줄바꿈 : br vs p

 

  - 줄바꿈 검색 시 추천 검색어 : html new line tag, html paragraph tag

    > br : 줄바꿈이라는 의미만 있는 단점, 중복 사용 시 줄바꿈 간격을 넓힐 수 있는 장점

    > p : 단락이라는 정보 제공의 장점, 줄바꿈의 간격이 이미 정해진 단점

       → 단, CSS를 활용해 여백을 조절할 수 있다.

 

10. HTML이 중요한 이유

 

  - 기초가 중요하다. 기초 그 자체로만도 중요하고, 응용을 위해 나아가기 위해서도 필요하다

    1. 태그를 이용해 정보를 표현하고 활용할 수 있다

    2. Accessibility : 개방성, 접근성

 

11. 최후의 문법 속성과 img

 

  - 속성(Attribute)을 통해 더 많은 의미를 부여할 수 있다

 

    cf) unsplash

        > 상업적 사용의 무료 고퀄 이미지 다운로드 사이트

        > 그래도 사용 시 "photo by OOO on unsplash" 라고 명시해주는 것이 매너상 좋을 것 같다

           (tammy-00.tistory.com/24)

 

12. 부모 자식과 목록

 

  <parent>
    <child></child>
  </parent>

 

  - ol : Ordered List

  - ul : Unordered List

 

13. 문서의 구조와 슈퍼스타들

 

  - title : 표지

    - 그 외 html, head, body

  - <!doctype html>

 

14. HTML 태그의 제왕

 

  - a href="" target="_blank" title="tool tip"

 

15. 웹사이트 완성

 

  - duplicate를 이용해 기 실습하던 1.html 파일을 복제, 2, 3, index 등을 만들어 기획한 초기 스타일의 웹을 생성

LIST