Front-end Developer/HTML (9) 썸네일형 리스트형 3. HTML의 기본 구조 (html, meta, head, body) HTML의 기본 구조 - HTML 문서는 일정한 구조 안에서 작성이 된다. 이것을 기본 구조라고 한다. 첫 웹페이지 문구 작성 1. 문서형 정의 (DTD, Document type Definition) - 웹 브라우저가 처리할 HTML 문서가 어떤 문서인지 알려주는 것이다. HTML 문서는 최신 형식인 HTML5 문서 형식으로 해석한다. HTML5 등장 이후로 이전 버전 문서(html4) 형식을 정의할 필요가 없어졌으므로 로 DTD를 작성해 주면 된다. 2. html 태그 html태그는 문서의 시작과 끝을 의미한다. 따라서 html 태그 안에 작성을 해야 한다. 3. head태그 태그는 문서의 메타데이터(metadata)를 정의하는 영역이다. - 메타데이터란? HTML 문서에 대한 정보(data)로 웹 .. 2. HTML의 특징 블록(block) 요소 vs 인라인(inline) 요소 HTML의 특징 파악하기 2-1 블록 요소와 인라인 요소 웹 브라우저의 공간 유무와 상관없이 hn태그나 p태그처럼 사용할 때마다 줄 바꿈 되는 태그가 있다. 이런 태그로 작성한 코드를 블록 요소(block element)라고 한다. 이와 반대로 a 태그나 span 태그처럼 공간이 부족할 때만 줄 바꿈되는 태그가 있는데, 이런 태그로 작성한 코드를 인라인 요소(inline element)라고 한다. 2-2). 블록 요소 (block element) - 블록 수준 요소는 항상 새 줄에서 시작하며, 또한 전체 너비를 차지한다. 일반적으로 사용되는 두 가지 블록 요소는 태그, 태그를 사용한다. : HTML 문서의 단락을 정의한다. : 컨테이너 태그이다. ex) p 요소는 블록입니다. div 요소는 블록입니다. .. 1.HTML의 기본 구성 요소 1. 태그 - 웹 페이지를 구성하는 요소는 텍스트, 이미지, 버튼 등 매우 다양하다. 태그는 이런 다양한 구성 요소를 정의하는 역할이다. 기본 형식은 괄호사이()에 태그명을 넣는 형태이다. 형식 : 2. 속성 - 속성은 기능을 보충하는 역할을 한다. 쉽게 말해, 옵션이라고 생각하자. 속성은 사용해도 되고 안 해도 되고, 여러 개를 사용해도 된다. 하지만 태그 없이 단독으로 사용할 순 없다. 속성명과 속성값으로 구성된다. 일반적으로 속성을 사용할 때, 속성명은 따옴표 없이 작성하고 값은 큰따옴표("")안에 작성한다. 속성값이 여러 개인 경우에는 하나의 큰따옴표 안에 쉼표(,)로 구분해 값을 나열하면 된다. 3. 문법 - HTML은 시작 태그(open tag), 종료 태그(close tag)로 구성 된다. .. 이전 1 2 3 다음
