전체 글

 (163)
12. HTML 스타일(style) ① 요소는 문서의 요소 안에 위치해야 한다. ㉠ 그러나 스타일은 외부 스타일 시트에 작성하고 요소로 연결하는 것이 추천된다. ㉡ 요소는 타입(type)이라 불리는 속성이 필요하다. ⓐ 스타일의 종류를 브라우저에 알려주는 역할을 한다. ⓑ type 은 선택사항이며, 기본값은 text/css이다. 빈 문자열과 text/css 외의 값은 사용하지 않는다. ② HTML style 속성은 요소에 색상, 글꼴, 글자 크기 등을 추가하기 위해 사용된다. ㉠ style 속성은 다음 형태의 문법을 갖는다. ㉡ property는 CSS property를 의미한다. value 는 CSS value이다. ③ CSS background-color 속성은 HTML 요소의 배경 색을 정의한다. This is Green This i..
11. HTML 주석(Comments) ① 주석은 브라우저에 표시되지 않지만, 코드의 가독성을 위해서 다른 사람 혹은 자신이 이해하기 쉽게 작성한다. ② 주석 태그는 특수 마커 로 주석을 묶는다. ㉠ 시작 태그에 느낌표가 있고, 종료 태그에는 느낌표가 없다. HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스
10. HTML 인용구 요소(Quotation and Citation Elements) ① HTML 요소는 다른 소스에서 인용된 구간을 정의한다. ㉠ 브라우저는 일반적으로 요소를 들여쓰기한다. ② 태그는 짧은 인용구를 정의한다. ㉠ 브라우저는 일반적으로 인용구 주위에 따옴표를 삽입한다. HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 ③ HTML 요소는 축약어(Abbreviation)를 설명할 때 주로 사용한다. ㉠ 축약어를 표시하는 것은 브라우저와 번역 체계, 검색 엔진에 유용한 정보를 제공하게 된다. ㉡ 축약어 위에 마우스를 올리면 축약어에 대한 설명글을 볼 수 있다. HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 ③ HTML 요소는 기사나 문서에서 저자나 소유주에 대한 연락처를 제공하는 태그이다. ㉠ 요소의 텍스트는 대체로..
9. HTML 텍스트 서식(Text Formatting) ① 서식 요소(Formatting elements)는 텍스트에 특별한 의미를 부여하기 위한 요소이다. ㉠ - Bold text ⓐ 요소는 요소 내의 텍스트를 웹브라우저에 굵게 표시되게 한다. HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 ㉡ - Important text ⓐ 요소는 요소 내의 텍스트를 웹브라우저에 굵게 표시되게 해주며, 그 내용이 중요하다는 의미도 포함시킨다. HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 ㉢ - Italic text ⓐ 요소는 요소 내의 텍스트를 웹브라우저에 기울임꼴로 표시되게 한다. HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 ㉣ - Emphasized text ⓐ 요소는..
8. HTML 단락(Paragraphs) ① 요소를 이용해 텍스트 단락을 정의한다. ㉠ 문단은 항상 새로운 줄에서 시작하므로 브라우저는 자동적으로 요소의 앞과 뒤에 빈 줄을 추가한다. HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 ㉡ 브라우저는 가독성을 위해 연속되는 공백과 행 바꿈을 한 개로 줄이기 때문에 한 단락 안에서 연속되는 공백과 행 바꿈이 얼마나 있든 오직 하나의 띄어쓰기와 개행으로 표시된다. HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 ② 태그는 HTML 페이지 내의 수평줄을 정의한다. ㉠ 요소는 HTML 페이지 내에서 주제가 바뀌거나 하여 콘텐츠를 구분, 분리하기 위해 사용된다. ㉡ 태그는 빈 태그이므로, 닫는 태그가 없다. HTML 삽입 미리보기할 수 없는 소스 ..
7. HTML 제목 (Headings) ① 태그를 이용해 웹페이지의 제목을 표시할 수 있다. ㉠ 이 여는 태그, 이 닫는 태그이다. ② 태그의 종류는 중요성에 따라 분류되어 ~의 태그가 있다. ㉠ 태그가 제일 중요한 제목이고, 오름차순으로 중요도가 작아진다. ㉡ ~의 크기 비교는 다음과 같다. HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 ㉢ 검색 엔진은 웹 페이지의 구조와 내용의 색인(Index)을 작성하는 데에 표제를 사용한다. ㉣ 웹 문서 구조의 가독성을 위해 제목을 사용하는 것은 중요하다. ㉤ 요소의 내용은 볼드체로 만들어진다. ㉥ 브라우저는 자동적으로 빈 공백을 제목의 앞과 뒤에 추가한다. ③ 제목의 사이즈를 조정하지 않으면 기본 사이즈를 갖는다. ㉠ style 속성에서 CSS font-size 속성을..
6. HTML 속성(attribute) ① 모든 HTML 요소는 속성(Attributes)를 갖는다. ㉠ 속성은 요소에 대한 추가적인 정보를 제공한다. ㉡ 속성은 항상 시작 태그 내부에 작성된다. ㉢ 속성은 이름과 값이 쌍을 이루는 것이 보통이다. (name : "value") ⓐ 속성값의 따옴표는 대부분의 경우에 생략될 수 없거나, 버그가 일어나기 쉽다. ⓑ 큰 따옴표를 사용하는 것이 일반적이나 작은 따옴표 또한 사용가능하다. ⓒ 작은 따옴표와 큰 따옴표를 혼용해 사용하면 안된다. ㉣ 맨 앞에 속성명이 오며 바로 뒤에 등호가 따라오고 속성값은 큰 따옴표로 둘러싼다. HTML 삽입 미리보기할 수 없는 소스
5. HTML 기본 태그 ①는 웹 브라우저에게 현재 작성할 문서의 종류를 알려주는 역할을 한다. ㉠ 은 현재 문서가 HTML5 언어로 작성된 웹 문서라는 뜻이다. ㉡ 모든 HTML 문서는 로 시작해야 한다. ㉢ 는 HTML 태그를 사용하기 전, 맨 위에 한 번만 써야 한다. ㉣는 HTML 태그가 아니다. ⓐ 는 HTML 태그가 아니기 때문에 태그의 밖에 선언한다. ㉤ HTML 태그는 아니지만, 대소문자를 구분하지 않는다. ⓐ 아래 예시는 모두 같은 의미이다. HTML 삽입 미리보기할 수 없는 소스 ② 요소는 최상단 요소(root element)이다. ㉠ 요소를 사용해 실제 HTML 웹 문서 정보와 내용이 시작하고 끝나는 것을 표시한다. ㉡ 요소의 내부에 HTML 요소들을 선언한다. ⓐ 는 HTML 태그가 아니기 때문에 태그의 외..

티스토리툴바