HTML 썸네일형 리스트형 [HTML] DOCTYPE DOCTYPE(Document Type Declaration) : 문서 형식 선언어떤 SGML이나 XML 기반 문서 내에 그 문서가 특정 문서 형식 정의(DTD)를 따름을 지정하는 것이다. 본래 DTD에 기반한 SGML 도구를 이용해 문서 해석 가능성과 유효성을 검사하기 위한 목적으로 문서 내에 삽입되었다. DOCTYPE은 HTML 문서의 규격 판 번호를 명시할 때 흔히 볼 수 있다. 웹 브라우저는 문서 형식 선언이 없는 HTML 문서를 커크 모드로 렌더링 하지만, 문서 형식 선언이 있는 HTML 문서를 표준 모드로 렌더링하기 때문에, 문서 형식 선언을 이용해서 어떤 웹 페이지가 모든 웹브라우저에서 같은 레이아웃으로 제공되도록 할 수 있다. 한편 HTML5는 구조적으로 SGML과 호환될 수 없다. 따라서.. 더보기 [풀스택 부트캠프] 섹션 6. jQuery 사용하기 1. jQuery 시작하기1) jQuery란?- DOM 조작을 위해서 우리가 실제로 다뤄볼 라이브러리는 jQuery라는 라이브러리다.- jQuery는 부트스트랩과 같은 오픈소스 라이브러리 중의 하나이다.- jQuery는 웹페이지에 있는 내용들을 손쉽게 동적으로 조작할 수 있게 해준다. 2) DOM에 대한 이해- DOM : Document Object Model- Document : html이나 css를 Document(웹문서)라고 한다. - Object : 웹 문서의 태그 하나 하나를 Object라고 한다.- DOM이란, 이 object들을 손쉽게 조작할 수 있게 해주는 프로그래밍적 인터페이스, 프로그래밍적 수단을 말한다.- 구조화된 계층적 구조를 계층적으로 어떻게 접근하는지, 어떻게 위치나 속성을 변경.. 더보기 [풀스택 부트캠프] 섹션 4. 웹퍼블리싱 1. HTML/CSS 활용하기: 자기소개 사이트 완성하기1) 레이아웃 구성- 적절하게 섹션을 나누어 레이아웃을 구성한다.- ex) 헤더 부분 / 프로필 부분 / 취미 부분 / 갤러리 부분 2) 외부 파일에 CSS 선언하기- html 파일의 태그 안에 CSS 파일 링크를 적어준다.123456789 Colored by Color Scriptercs 3) CSS 스타일 주는 방법- div.header h3 => header라는 이름의 클래스를 가진 div 아래에 있는 h3 태그에 스타일을 주겠다는 뜻이다. 4) class로 스타일 재활용하기- 원하는 부분에 동일한 class를 추가함으로써 코딩량을 줄일 수 있다. 5) float 속성 주기- float : left => 왼쪽에 띄우겠다는 뜻이다.- float .. 더보기 이전 1 다음