All about WEB/All about HTML

 (20)
14. HTML 색(Colors) 아래 링크를 참고 6. CSS 색(Colors) ① HTML에서는 CSS의 속성을 이용해 색을 적용할 수 있다. ② RGB, HEX, HSL, RGBA, RGBA 의 수치나 색의 이름을 이용해 색을 표현할 수 있다. ㉠ HTML에서는 140가지의 색 이름이 지원한다. ③ background-color.. hemahero.tistory.com
13. HTML CSS 'All about WEB/All about CSS' 카테고리의 글 목록 hemahero.tistory.com ① CSS는 Cascading Style Sheets(종속형 시트)의 약자이다 ② CSS는 페이지의 내용이 어떻게 표현되었는지 서술하는 방법을 알려준다. ㉠ CSS를 이용해 작업량을 줄여주며, 웹 페이지의 여러 개의 레이아웃을 한 번에 제어할 수 있다. ㉡ CSS는 웹 페이지의 레이아웃의 서식을 설정하는데에 사용한다. ㉢ CSS를 이용하면 색상, 폰트, 글자 크기, 요소 간의 공백, 요소의 배치 및 배치 방식, 배경사진 또는 배경색, 기종 별 표시 화면과 화면 크기 등을 설정할 수 있다. ㉣ 'cascading'이란 단어는 계단식이란 의미를 갖는다. 이 의미를 이해하기 위해 그림을 통한 예시를 ..
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 속성을..

티스토리툴바