본문 바로가기

Front5

프론트엔드 6일차 콘텐츠구분 - ASIDE 오른쪽이나 , 아랫쪽의 광고형태로 많이 들어가는 부분이다. 콘텐츠구분 - NAV 메뉴를 묶을때 ol , ul >> ul -> li 네비게이션의 약자로 , 다른페이지 링크를 제공하는 영역을 설정 보통 메뉴 , 홈으로가는 버튼 , 목차 , 색인 등을 설정 nav { display:block } 특정한 페이지에서 웹으로 나가는 페이지를 그룹화해서 보통 만든다 ex) dribbble.com 콘텐츠구분 - address , , 등에서 연락처 정보를 제공하기 위해 포함하여 사용 address { display:block} mailto: 메일함이 열 tel: 모바일 환경이라면 , 전화 앱 그 부분이 열린다. 외부의 특정한 페이지나 , 활동을 넘어가기 위해 사용한다. 콘텐츠구분 - DIV 본질.. 2021. 4. 19.
프론트엔드 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.

티스토리툴바