[TIL] 엘리스 SW 엔지니어 트랙 Day 002

📖 오늘 배운 내용 - 2021.10.26

• html 태그
• css 문법

 

📝 HTML

• <h1> ~ <h2> : 제목 태그
• <p> : 글 단락
• <br> : 줄 바꾸기
• <strong> : 텍스트 강조
  • <b> 태그는 단순 텍스트만 진하게 표시하는 역할을 수행
  • stromg은 웹 페이지 내 중요한 부분을 브라우저에게 알려주는 역할. -> 웹 접근성에 큰 기여를 한다.
• <u> : 밑줄
• <img src= alt=> : 이미지
• <a href="" target=""> : 링크, target="_blank" 새 창에서 열기
• <div> : 빈 박스
• <meta>
  • charset="utf-8" : 문자 인코딩 방식 명시

 

리스트

• <ol> + <li>
  • <ol> : Ordered List, 순서 있는 목록
    • <li> : List Item, 항목

• <ul> + <li>
  • <ul> : Unordered List, 순서 없는 목록, 순서 없는 목록
  • <li> : Lit Item, 항목

• <dl> + <dt> + <dd>
  • <dl> : Definiution List, 정의 목록
  • <dt> : Definiution Term, 용어
  • <dd> : Definiution Description, 용어 설명

 

📝 CSS

• 인라인 스타일 방식은 지양
• 식별자 id는 중복되면 안 된다.
• class을 지정해 줘서 전체적으로 스타일 지정
• 인라인 요소의 태그는 자신의 콘텐츠 크기만큼 공간 차지
• 블록 요소는 칸 전체 너비를 차지
• margin 겹침 현상이 일어나면 오버랩되어서 더 큰 값으로 렌더링 한다.

 

💡 오늘 깨달은 것

• 오늘 생활코딩 이고잉님의 첫 실시간 강의를 들었다. 엘리스 sw 엔지니어 트랙 시작 전 영상으로만 접하다가 소통이 가능한 실시간 강의를 들으니 이 정도면 성덕 아닌가 싶다(ㅋㅋ)
• 역시 목소리는 쏘 서윗,, 이고잉님의 수업은 지식뿐만 아니라 자신감과 자존감을 뿜뿜시켜주는 수업이다.
• 오늘의 명언을 몇 개 적자면
  • 익숙한 것을 낯설게 바라보는 것이 멀리 나아가는 것이다.
  • 유식하게 만드는 게 아니라 무언가를 통해 실천적인 엔지니어로 만드는 것이 목표
  • 평론가가 되지 말고 생산자가 되자.
• 익숙하지만 낯설게 바라보아서 이번 수업에서는 마진 겹침(빡침) 현상이랑 grid에 대해서 더 학습하고 따로 정리하자.

 

📌 참고

• HTML b 태그와 strong 태그의 차이 알아보기
• 마진겹침 현상
• HTML Block and Inline Elements
• 그리드