HTML&CSS

테크잇 프론트엔드에서 나온 내용 기반 Chapter 3. Chapter 3-1 웹페이지를 이루는 3개의 축(HTML,CSS,JS) 자바스크립트는 사용자의 액션에따라 웹페이지의 요소를 동적으로 제어하는 역할(이외에도 다른 역할을 많이 하기는 한다) HTML 워드(Word)와 비슷하게 서식이 정해져있어서 각자 역할에 맞게 구성이 되어야 좋은 문서가 될 수 ...

Chapter 6. Chapter 6-1 HTML Element(요소) (Hyper Text Markup Language) Hyper Text : 다른 페이지로 이동할 수 있는 링크를 의미, 텍스트의 제목인지 문단인지 버튼인지 의미적인 내용을 부여하기도 텍스에

Chapter 6-5 대부부의 웹사이트에서 초기에는 index.html 이라는 파일을 불러와서 하도록 설정이 되어있다. 만들어진 index.html 파일을 들어가보면 인터넷이 아닌 내 로컬에서 만들어진 모습을 볼 수 있다 boilerplate 만들기 가장 기본이 되는 형태인 boilerplate는 매번 만드는 것이 귀찮기에 vscode 상에서는 !를 ...

Chapter 7. Chapter 7-1 OG Tag Open Graph Protocol 내가 입력하지도 않은 사이트의 정보와 이미지가 나오는 것 설정가능 부분(이미지, 타이틀, 설명) ` ` Chapter 7-2 Layout 전체적인 틀을 잡는 것 웹페이지에 보이는 규칙적인 구조 표준적인 방식의 레이아웃(필수적으로 따라야하는 것은 아님) hea...

Chapter 8. Chapter 8-1 CSS Cascading Style Sheets 일반적으로 style.css라는 파일명 사용 ` ` css를 통해 적용한 style이 반영된 모습 Chapter 8-2 Box-Sizing : 박스에 적용된 사이즈의 기준을 정하는 것 content-box : 컨텐트 영역에만 사이즈 적용, 요소 사이즈에 패...

Chapter 8-5 CSS Box Inline Box (display: inline) Block Box (display: block) Block은 가지지만 Inline은 가지지 못하는 것 -> width, height, margin, padding 공통점 웹페이지의 layout을 결정할 떄 사용하는 것 inline-block (display: i...