All about WEB/All about HTML

(20)
6. HTML 속성(attribute) ① 모든 HTML 요소는 속성(Attributes)를 갖는다. ㉠ 속성은 요소에 대한 추가적인 정보를 제공한다. ㉡ 속성은 항상 시작 태그 내부에 작성된다. ㉢ 속성은 이름과 값이 쌍을 이루는 것이 보통이다. (name : "value") ⓐ 속성값의 따옴표는 대부분의 경우에 생략될 수 없거나, 버그가 일어나기 쉽다. ⓑ 큰 따옴표를 사용하는 것이 일반적이나 작은 따옴표 또한 사용가능하다. ⓒ 작은 따옴표와 큰 따옴표를 혼용해 사용하면 안된다. ㉣ 맨 앞에 속성명이 오며 바로 뒤에 등호가 따라오고 속성값은 큰 따옴표로 둘러싼다. HTML 삽입 미리보기할 수 없는 소스
5. HTML 기본 태그 ①는 웹 브라우저에게 현재 작성할 문서의 종류를 알려주는 역할을 한다. ㉠ 은 현재 문서가 HTML5 언어로 작성된 웹 문서라는 뜻이다. ㉡ 모든 HTML 문서는 로 시작해야 한다. ㉢ 는 HTML 태그를 사용하기 전, 맨 위에 한 번만 써야 한다. ㉣는 HTML 태그가 아니다. ⓐ 는 HTML 태그가 아니기 때문에 태그의 밖에 선언한다. ㉤ HTML 태그는 아니지만, 대소문자를 구분하지 않는다. ⓐ 아래 예시는 모두 같은 의미이다. HTML 삽입 미리보기할 수 없는 소스 ② 요소는 최상단 요소(root element)이다. ㉠ 요소를 사용해 실제 HTML 웹 문서 정보와 내용이 시작하고 끝나는 것을 표시한다. ㉡ 요소의 내부에 HTML 요소들을 선언한다. ⓐ 는 HTML 태그가 아니기 때문에 태그의 외..
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 플러그인으로 기능을 ..