다연이네

dept information deptno dname loc Lorem. Distinctio. Quo! Lorem. Maxime. Harum. Lorem. Quis? Libero. Lorem. Totam. Doloribus.

emmit: html 등을 빠르게 코딩하도록 도와준다. - div라고 치고 Ctrl+E - 자식이 있으면 > 표시 div>ul>li - ul이 3개라면 ul*3 div>ul>li*3 - 안에 임의의 데이터를 넣고싶다 div>lorem Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error mollitia nobis molestiae quasi eos perspiciatis alias velit necessitatibus nam iure non explicabo veritatis? Nisi debitis dignissimos aliquid rem fugit delectus. - 안에 임의의 데이터를 [5단어]씩 넣고싶다 ul>li*5>lorem5 ..

1. eclipse HELP -> Install New Software http://download.emmet.io/eclipse/updates/ 붙혀넣고 체크하고 NEXT -> NEXT install anyway > restart (하라는대로 따라가면 됨)

테이블의 기본 요소 행을 tr로 만든 뒤, td로 셀을 표현한다. tr : [t]able [r]ow td : cell within table (텍스트, 이미지, 목록, 표(table)등이 들어갈 수 있다.) th : 테이블의 헤더(머릿글) (글자 굵게되고 가운데 정렬됨) 1. 몬드리안 처럼 셀 병합하는 법 1 2 3 4 5 6~10 11 12 13 14 15 16 19 21 22 24 25 2. 체크할 수 있는 표 만들기 html 테이블 DEPTNO DNAME LOC 10 ACCOUNTING NEW YORK 20 RESEARCH DALLAS 30 SALES CHICAGO 40 OPERATIONS BOSTON 추가 수정 삭제 만일 border-spacing를 늘리면 ?

html 모든 요소는 요소 유형에 따라 블록/인라인 모드를 가진 요소로 나뉜다. 블럭 요소 ? 항상 새로운 줄에 시작, div태그 (앞뒤로 줄바꿈 됨) 인라인 요소 ? 새 줄에서 시작하지 않고 필요한 너비 만큼만 차지한다. span태그 (앞뒤로 줄바꿈되지 않음) display: inline-block ? 요소는 inline인데 내부는 block처럼 표시 (박스 모양이 inline처럼 옆으로 늘어섬) html 블럭 요소와 인라인 요소 html 모든 요소는 요소 유형에 따라 블록/인라인 모드를 가진 요소로 나뉜다. 블럭 요소 ? 항상 새로운 줄에 시작 인라인 요소 ? 새 줄에서 시작하지 않고 필요한 너비 만큼만 차지한다. 홍길동1 홍길동2 홍길동3 홍길동1 홍길동2 홍길동3

1. clear 속성 float 속성을 적용한 해당 객체의 다음에 오는 객체가 붙지 않게 함 = 사진 주위로 글자가 따라붙지 않도록 함 none: 기본값으로 설정 안한것과 동일 left: 왼쪽 취소 right: 오른쪽 취소 both: 양쪽 취소 2. float 속성 정렬하기 위해 사용되는 속성 none: 띄우지 않음 left: 왼쪽에 띄움 right: 오른쪽에 띄움 initial: 기본값으로 설정 inherit: 부모 요소로부터 상속함 반응형 웹 CSS + Layout(배치) Float 아무 데이터나 입력하기 안녕하세요 저는 블로거 배다연입니다. 제 블로그에 들러주셔서 고맙습니다. 아무 데이터나 입력하기2 안녕하세요 저는 블로거 김동준입니다. 저는 먹방 블로거 입니다. Cities London Paris..

목록을 만드는 태그 1. 숫자나 알파벳 등 순서가 있는 목록을 만드는 데 사용 (ordered list) type = [1], A, a, I, i 2. 순서가 필요 없는 목록을 만드는 데 사용 (unordered list) type = [disc], circle, square 3. 과 의 각 항목들을 나열할 때 사용 (list) 4. 용어를 설명하는 목록을 만드는 데 사용 (definition list) 5. 제목을 나타낼 때 사용 6. 내용을 나타낼 때 사용 (들여쓰기) html 목록 안녕 동준아 뭐하니 자고있니? 일어나라 순서가 있는 목록 Item 1 Item 2 Item 3 Item 4 Item 5 순서가 없는 목록 item 1 item 2 item 3 item 4 item 5 html 설명 목록 ..

picture 태그 - 웹 개발자에게 이미지의 유연성을 제공 - 가장 일반적인 용도가 반응형 웹 만들때 사용 - 뷰포트(?)에 따라 이미지를 유연하게 제공 내가 가진 폰에 맞춰 이미지를 바꾸겠다 (해당 html f12 눌러서 좌측 상단 폰모양 클릭, 사진 크기 조정해보기) 폰과 노트북 같은 와이파이 갖고 체크