All about WEB

 (27)
HTML 블록 레벨 요소와 인라인 요소(Block level elements and Inline elements) ① HTML의 요소는 HTML4까지는 블록 레벨 요소(Block level elements)와 인라인 요소(Inline elements)의 이진적 구분으로 나뉘었다. ㉠ 블록 레벨 요소는 브라우저 상에서 항상 요소의 앞 뒤로 행 바꿈(linebreak)된 것으로 보인다. ⓐ 행 바꿈된 행들로 인해 요소는 다른 요소들과 독립된 하나의 블록을 만든다. ⓑ 블록 레벨 요소는 좌우로 가능한 브라우저 창의 100%만큼의 너비를 차지한다. ⓒ 블록 레벨 요소는 웹 페이지의 주요 구조를 구성한다. 여기가 블록 레벨 요소의 범위 여기가 또다른 블록 레벨 요소의 범위 ⓓ 블록 레벨 요소는 요소 안에서만 나타날 수 있다. ⓔ 블록 레벨 요소는 다른 종류의 블록 레벨 요소를 포함할 수 있다. 블록 레벨 요소 안의 블록 레벨..
3. HTML 태그와 요소 ① 태그는 여는 태그(Start tag)와 닫는 태그(End tag)로 이루어진 보통의 태그(Paired Tag)가 있고, 하나의 태그로만 이루어진 단일 태그(Unpaired Tag)가 있다. ㉠ 속성(attribute)는 여는 태그에 존재하며, 요소(Element)에 기능을 추가하기 위해 작성한다. ② HTML 요소(Element)는 여는 태그부터 닫는 태그까지의 모든 것을 포함한 것을 일컫는다. ③ HTML 태그를 표현할 때 대소문자를 구분하지 않는다. ㉠ 예를 들어 와 는 같은 표현이다. ㉡ 따라서 소문자를 사용하는 것, 대문자를 사용하는 것, 소문자와 대문자를 혼용하는 것 모두 허용된다. HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 ㉢ 가독성을 위해서는 태그를 표..
2. HTML 에디터 추천, 비교 ① 에디터(편집기)란 설치하게 되면 오류 체크, 자동 완성 등의 부가기능을 가능하게 해주는 프로그램을 의미한다. ② 에디터는 코드를 좀 더 깔끔하고, 직관적으로 만들어 보기 쉽게 도와준다. ③ 에디터는 텍스트 에디터, 웹 에디터, 통합개발환경, 웹 기반 코드 에디터가 있다. ④ 주로 쓰이는 HTML 에디터는 다음과 같다. ㉠ 아래의 추천 HTML 에디터의 목록은 대중성, 특징, 디자인에 기반하며, 일반적으로 리스트 내에 있는 에디터를 사용하는 게 보편적이다. 에디터명 Visual Studio Code 무료이며 넓은 범위를 커스터마이즈할 수 있다. 쉬운 개발과 수많은 확장을 위한 Microsoft Azure와 호환이 된다. 리눅스, 윈도우 x64, macOS에서 이용가능하다. Atom 플러그인으로 기능을 ..

티스토리툴바