익스랩 - experience laboratory

IT 언어 연구소/HTML,CSS [초급, 기본 개념, W3C 번역]

12.HTML CSS

CSS로 HTML 스타일 지정하기 CSS는 CSS(Cascading Style Sheets)의 약자입니다. CSS는 HTML 요소를 화면, 문서 또는 다른 매체에 표시하는 방법을 기술한 것입니다. CSS는 많은 작업을 절약합니다. 한 번에 여러 웹 페이지의 레이아웃을 제어할 수 있습니다. CSS는 다음 세 가지 방법으로 HTML 요소에 추가할 수 있습니다. Inline HTML 요소에서 style 속성 사용 Internal 섹션의 요소 사용 External 외부 CSS 파일 사용 CSS를 추가하는 가장 일반적인 방법은 별도의 CSS 파일에 스타일을 지정하는 것입니다. 그러나 여기서는 Inline 및 Internal 방식으로 Style을 지정하려고 합니다. Inline이나 Internal은 시연하기 쉽기 ..

IT 언어 연구소/HTML,CSS [초급, 기본 개념, W3C 번역]

11.HTML Colors

HTML 색상은 미리 정의된 색상 이름 또는 RGB, HEX, HSL, RGBA, HSLA 값을 사용하여 지정됩니다. 색 이름 HTML에서는 색상 이름을 사용하여 색상을 지정할 수 있습니다. See the Pen 01.Color Names by heunho (@heunho) on CodePen. 배경색 HTML 요소의 배경색을 설정할 수 있습니다. See the Pen 02.Background Color by heunho (@heunho) on CodePen. 글씨 색 텍스트 색상을 설정할 수 있습니다. See the Pen 3.Text Color by heunho (@heunho) on CodePen. 테두리 색 테두리 색상을 설정할 수 있습니다. See the Pen 4.Border Color by ..

IT 언어 연구소/HTML,CSS [초급, 기본 개념, W3C 번역]

10.HTML Comments

주석 태그는 HTML 소스 코드에 설명을 삽입하는데 사용합니다. HTML 주석 태그 다음 구문을 사용하여 HTML 소스에 주석을 추가할 수 있습니다. 시작 태그에는 느낌표(!)가 있지만 닫기 태그에는 없다는 점에 유의하세요. 참고 : 주석은 브라우저에 의해 표시되지 않지만, HTML 소스 코드를 문서화 하는데 도움을 줄 수 있습니다. 주석을 사용하여 HTML에 설명을 적을 수 있습니다. See the Pen 01.HTML Comment Tags by heunho (@heunho) on CodePen. 주석은 HTML 디버깅에도 유용합니다. HTML 코드 한 줄을 하나씩 주석처리하여 오류를 검색할 수 있기 때문입니다. See the Pen 01.HTML Comment Tags2 by heunho (@heu..

IT 언어 연구소/HTML,CSS [초급, 기본 개념, W3C 번역]

09.HTML Quotation

HTML 짧은 인용을 위한 HTML HTML 요소는 짧은 인용을 정의합니다. 브라우저는 요소 주위에 따옴표(인용 부호)를 삽입합니다. See the Pen 01.HTML for Short Quotations by heunho (@heunho) on CodePen. 인용을 위한 HTML HTML 요소는 다른 출처로부터 인용 된 부분을 정의합니다. 브라우저는 일반적으로 요소에 들여 쓰기를 합니다. See the Pen 02.HTML for Quotations by heunho (@heunho) on CodePen. 축약을 위한 HTML HTML 요소는 축약 혹은 약어를 정의합니다. 축약을 표시하는 것은 브라우저, 번역 시스템, 검색 엔진에게 유용한 정보를 제공할 수 있습니다. See the Pen 03.HT..

IT 언어 연구소/HTML,CSS [초급, 기본 개념, W3C 번역]

08.HTML Text Formatting

HTML 서식 요소 이전 강의에선 HTML 스타일 속성에 대해 학습했습니다. HTML은 특별한 의미로 텍스트를 정의하기 위해 특별한 요소를 정의할 수 있습니다. HTML은 굵은 체, 기울임 체와 같이 출력 형식을 지정하기 위해 및 와 같은 요소를 사용합니다. 서식 요소는 특수한 텍스트 유형을 표시하도록 설계되어 있습니다. 굵은 텍스트 중요 텍스트 기울임 텍스트 강조된 텍스트 표시된 텍스트 작은 텍스트 삭제된 텍스트 삽입된 텍스트 아래 첨자 텍스트 위첨자 텍스트 HTML 및 요소 HTML 요소는 특별한 중요성 없이 굵게 표시된 텍스트를 정의합니다. See the Pen 01.HTML and Elements by heunho (@heunho) on CodePen. HTML 요소는 의미가 "강한" 중요성이 추..

IT 언어 연구소/HTML,CSS [초급, 기본 개념, W3C 번역]

07.HTML Styles

HTML 스타일 속성 스타일 속성을 사용하여 HTML 요소의 스타일을 설정할 수 있습니다. HTML style 속성의 구문은 다음과 같습니다. 이 속성은 CSS 속성입니다. 값은 CSS 값입니다. CSS에 관한 내용은 CSS 파트에서 더 자세히 배울 수 있습니다. HTML 배경색 background-color 속성은 HTML 요소의 배경색을 정의합니다. 이 예제에서는 페이지의 배경색을 powderblue로 설정합니다. See the Pen 07.HTML Styles by heunho (@heunho) on CodePen. HTML 텍스트 색 color 속성은 HTML 요소의 텍스트 색상을 정의합니다. See the Pen 02.HTML Text Color by heunho (@heunho) on Code..