본문 바로가기

HTML3

✔웹코딩기초강좌 4 - HTML '블록타입'과 '인라인타입' ✔웹코딩기초강좌 4 - HTML '블록타입'과 '인라인타입' 각 요소들은 블록타입과 인라인타입으로 구분되는데, html을 작성할 때 꼭 알아둬야 할 기본 항목 중 하나다. 1. 블록타입 (Block Type, Block Level Elements) 블록타입(블록요소)는 기본적으로 줄바꿈이 일어나는 형태로 하나의 요소가 웹페이지 영역 내에서 좌측끝에서 우측 끝까지 전체 너비만큼 차지한다. Width(가로)와 Height(세로) 영역을 설정할 수 있으며, 완벽한 여백과 주변요소와의 간격을 조정한다. 이러한 블록타입에 해당하는 요소들로는 대표적으로 H1~H6요소, P요소, div 등이 있다. (△ 블록타입 예시. 상단 Result 탭을 클릭해서 결과를 확인해보자) 2. 인라인타입(Inline Type, Inl.. 2016. 6. 27.
✔웹코딩기초강좌 ③ - HTML문서 Head 요소 알아보기 ✔웹코딩기초강좌 ③ - HTML문서 Head 요소 알아보기 HTML문서를 작성할 때에 가장 처음 들어가는 Head (머리) 부분에 관련하여 정리해본다. ★ HTML 문서의 구조를 만드는 기본 태그 ★ 문서내용 1. Doctype 독타입(Doctype)은 HTML 문서의 가장 상단에 명시하는데, 해당 HTML 문서의 타입과 버전을 알려주는 정보를 담는다. 웹표준으로 작성할 때에 필수로 들어가는 항목이다. ※ HTML5의 선언 ▶ 이라고 최상단에 작성해두면, 해당 문서의 버전이 HTML5버전이라는 것을 나타낸다. 2. Head head요소는 해당 웹페이지에 직접적으로 표현되지는 않으나, 이 페이지의 제목이나 웹페이지가 검색엔진에 노출이 될 수 있도록 하는 각종 정보('메타데이터'라고 한다)들을 담는 역할을 .. 2016. 6. 27.
✔웹코딩기초강좌 ② - HTML문서구조, 요소와 속성 개념 ✔웹코딩기초강좌 ② - HTML문서구조, 요소와 속성 개념 1. HTML 문서 구조를 위한 기본 태그 ① 웹브라우저에게 해당 문서의 타입이 'HTML' 웹 페이지라고 선언하는 문장으로, HTML 코딩 작성시 가장 상단(첫번째 줄)으로 들어가는 기본 태그. ② html 태그로 코딩시 모든 내용은 HTML 태그 안에 작성하게 된다. 페이지 전체를 통틀어 감싸안는 성격을 갖고 있다. ③ 태그 안에 태그를 넣을 수 있는 구조로, head 태그는 웹 페이지의 보이지 않은 정보들을 담는 영역이며, body 태그는 웹 페이지에 보여지는 내용들이 들어간다. ☞ 작성 예 공부하자 ※ 웹 코딩을 할 때, '줄바꿈 & 들여쓰기'를 습관화 하자! 태그 및 소스 등을 작성할 때, 각각의 태그가 어느 태그 안에 있는지, 해당 태.. 2016. 6. 24.