본문 바로가기

분류 전체보기129

프론트엔드 5일차 html lang="ko" 한국어를 통해 ISO 639-1 코드목록 2021. 4. 16.
프론트엔드 4일차 #background(요소 색상) color : 글자의 색 background-color : 요소의 배경 색 주의해야함 헷갈리지 않게 main.css box { background-color : yellowgreen } 예제 만들어보기 header라는 클래스의 요소는 가로 세로 auto 가 가능하다 header는 width는 화면의 가로만큼 100% 만큼 차지하고 (auto의 의미) height는 글자 컨테이너 의 시작 0 부터 시작을 한다(auto의 의미) HTML - 블록레벨(block level) 요소와 인라인(inline)요소 1. 블록요소 1. div , H1 , P 2. 사용 가능한 최대 가로 너비를 사용한다 3. 크기를 지정할 수 있다 4. (width:100% , height : 0으로시.. 2021. 4. 16.
프론트엔드 3일차 3일차 CSS 문법 Div { Font-size:20px; Color: red; } — 이해 — 선택자{ 속성:값 속성:값 } 속성 과 값 div { //속성 : 값 입니다 color : red; font-size: 20px; width: 300px; margin: 20px; padding: 10px 20px; position : absolute; CSS 선언 방식 인라인 선언방식 이 방법은 HTML 태그에 직접 작성하기 때문에 선택자가 필요하지 않습니다. 태그에 직접 작성1 태그에 직접 작성2 태그에 직접 작성3 태그에 직접 작성4 (해석) =div에 스타일을 적용하겠습니다 컬러는 레드로 적용할게요! 인라인 방식에는 선택자가 필요하지 않고 직접 삽입하는 방식이다 우리가 직접태그를 찾아서 그 태그의 값을.. 2021. 4. 14.
HTML , CSS , JAVA Script 개요 HTML(Hyper Text Markup Language)은 페이지에 제목, 문단, 표, 이미지, 동영상 등을 정의하고 그 구조와 의미를 부여하는 정적 언어로 웹의 구조를 담당합니다. HTML으로 화면을 예쁘게 만들려고 시도하지 마세요!(그렇게 할 수도 없지만..) 온전히 튼튼한 구조(Semantic)를 만드는 것에만 집중해야 합니다. CSS(Cascading Style Sheets)는 마크업 언어(HTML, XML 등)가 실제 표시되는 방법(색상, 크기, 폰트, 레이아웃 등)을 지정하여 콘텐츠 구조를 꾸며주는 정적 언어로 웹의 시각적인 표현을 담당합니다. 예쁘게 만드는 것만 집중할 수 있습니다. 적당한 크기와 아름다운 색상, 원하는 위치를 지정하는데 집중할 수 있습니다. JS(JavaScript)는 콘.. 2021. 4. 12.

티스토리툴바