HTML - 블록 레벨(Block level)요소와 인라인(Inline) 요소 1. 블록 요소 1. DIV, H1, P 2. 사용가능한 최대 가로 너비를 사용한다. 3. 크기를 지정할 수 있다. 4. (width: 100%; height: 0; 로 시작) 5. 수직으로 쌓임 6. margin, padding 위, 아래, 좌, 우 사용가능하다. 7. 레이아웃 2. 인라인 요소 1. SPAN, IMG 2. 필요한 만큼의 너비를 사용한다. 3. 크기를 지정할 수 없다. 4. (width: 0; height: 0; 로 시작) 5. 수평으로 쌓임 6. margin, padding 위, 아래 사용을 할 수 없다. 7. TEXT 3. display: block; ☞ 강제로 블록요소 처럼 만든다. display: in..
HTML CSS JS 입문2
index.html Personal Open Source Business Explore main.css body{ margin: 0; padding: 0; } .header { background: white; border-bottom: 1px solid lightgray; } .container{ width: 980px; margin: auto; } .container-left{ padding-top: 20px; padding-bottom: 20px; } .logo{ float: left; margin-right: 5px; } .logo img{ display:block; } .menu{ float: left; } .menu-item{ float: left; padding: 8px 10px; } .cl..
HTML CSS JS 입문1
1) 정리 1. HTML 뼈대 2. CSS 이쁘게 3. JS 생동감 있게 2) 웹 표준: Web Standard: 웹에서 사용되는 W3C의 권고안에서 나온 기술들, 표준기술이나 규칙 크로스브라우징: 여러 브라우저에서 동일한 사용자 경험을 줄수있도록 제작하는기술, 방법 요소 element -> , 문단 paragraph 태그에 속성과 값을 사용 할 수있다. 기능의 확장 source -> src alternative -> alt 만약에 이미지가 출력이 안될때 대체되는 텍스트가 출력된다. 이미지를 삽일할때 쓰는 태그 div 분할 -> division 의미없는 분할 홍길동 class="별명" 닫히는 태그가 없으면 빈 태그라고 한다. Empty Tag 부모와 자식요소 과일 목록 -> h1태그 ->ul태그 사과 -..