쫑's바른생활

제목을 나타내는 태그_블럭요소 ~ 까지 존재하며, 숫자가 커질수록 글씨 크기는 작아진다. h1 태그는 한 페이지에 한번만 제공한다. (예시) (참고) 제목태그는 웹표준(암묵적으로 이렇게 하자~) 상 h1~h6을 어디에 쓸지 약속한다. 만약 아래와 같이 페이지 구성을 가정한다면, logo = h1 header, banner, contents, footer = h2 cont1, cont2, cont3 = h3 img1, img2, img3 = h4 이 된다. 한단계씩 작성하는 것. 목록을 나타내기 위한 태그_블럭요소 (기본적으로 들여쓰기됨) 목록태그로는 여러가지가 있지만, 여기서 설명하는 태그는 순서가 없는 목록태그 = 블릿기호로만 표현된다. 순서가 있는 목록태그 = 오름차순으로 표현된다. 리스트(목록) (..

주석이란? 코드에 대한 상세설명(단축키: Ctrl+/) 자신의 코드에 대해 설명해주는 것인데, 상세설명이기 때문에 만약 입력한 코드를 주석화하면 코드로 인식하지 않는다. html 주석: css 주석 : /**/ script 주석 : // 구태여 위와 같이 주석의 모양을 외울필요는 없으며, 단축키로 간단하게 주석처리를 on/off 하면된다. 주석은 언제 사용하는가? 1. 작성한 html/css/script 의 코드를 비활성화할 때 : 코드를 작성하였으나 비활성화하여 작성하지 않은 것처럼 표현할 때. 아래와 같이 작성하였으나, h2가 필요없다면? 주석처리하자. (물론, 지울거라면 아예 지우는 편이 낫다. 코드가 많아지면 보기 불편함) 2. 상세설명을 덧붙일 때 좌측과 같이 css가 한없이 길어질 때, 나 또..

그동안 style은 head에 작성하였음. style이 있는 head와 본문이 있는 body가 함께 있는 것인데, 이를 내부 스타일이라고 한다. 그러나 style이 간단하지 않기 때문에 계속 길어지다보면 가장 중요한 body를 놓칠 수 있다. 그런 의미에서 style을 다른 파일로 저장해두고 link를 걸어 작용하도록 한다. = 외부 스타일 참..글을 작성하다보니 지칭하는 말을 헷갈리는데, style는 태그이고 css는 스타일을 지정하는 언어이다. 파일을 생성할 때에 link를 걸어줄 css 폴더를 생성한다. "EXPLORER-마우스오른쪽클릭(또는 exporer 내 우측상단 아이콘)- 뉴폴더생성-css로 지정-해당 폴더 클릭-뉴파일생성-style.css로 지정" style.css로 이동 @ 입력- @ch..

float는 이전에 작성한 글을 참고하시면 좋습니다. >>> [코딩 초보 개발일지] 입문_04-2. css 작업물 만들기 body에 html 작성 head - style에 css 속성 작성 float 없이 우선 작성하면 아래와 같다. header banner side cont footer side와 cont 정렬을 위해 float 를 사용한다. #side{ width: 400px; height: 300px; background-color: brown; float: left;} #cont{ width: 800px; height: 300px; background-color: green; float: left;} #footer{ width: 1200px; height: 100px; bac..

웹페이지(title) 제목은 '레이아웃02' 전체 태그 css에 바깥안쪽여백0 글자크기 30, 글자색 검정(헥스코드 사용) 모든 글자 가운데정렬(div사용=div로 묶인 곳 동일설정) 블록설정(넓이는 wrap과 동일, 글자모두 세로 가운데 정렬) 모두 화면에 보이도록 블록정렬(float사용) wrap: 넓이1000, 좌우 가운데정렬, 배경 베이지 헤더: 높이100, 배경 아쿠아 배너: 높이300, 배경 핑크 컨텐츠1: 넓이500, 높이200, 배경 빨강, 글자색 하양 컨텐츠2: 넓이500, 높이200, 배경 파랑, 글자색 하양 푸터1: 넓이500, 높이100, 배경 초록 푸터2: 넓이500, 높이100, 배경 주황 여기서 잠깐! body의 블록설정 시 class를 사용하였다. id와 class의 차이와 ..