익스랩 - experience laboratory

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

14. HTML Images

이미지는 웹 페이지의 디자인을 향상 시킬 수 있습니다. See the Pen 01.Images by heunho (@heunho) on CodePen. HTML 이미지 구문 HTML에서 이미지는 태그로 정의됩니다. 태그는 비어있고 속성만 포함하며 닫기 태그가 없습니다. src속성은 이미지의 URL (웹 주소)을 지정합니다. 대체 속성 alt 속성은 사용자가 어떤 이유로든 이미지를 볼 수 없는 경우 (연결 속도가 느리거나 src 속성에 오류가 있거나, 사용자가 화면 판독기를 사용하는 경우) 이미지의 대체 텍스트를 제공합니다. alt 속성의 값은 이미지를 설명해야합니다. See the Pen 02. The alt Attribute-1 by heunho (@heunho) on CodePen. See the P..

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

13.HTML Links

링크는 거의 모든 웹 페이지에서 찾을 수 있습니다. 링크를 통해 사용자는 페이지에서 페이지로 이동할 수 있습니다. HTML 링크 - 하이퍼링크 HTML링크는 하이퍼 링크입니다. 링크를 클릭하여 다른 문서로 이동할 수 있습니다. 링크 위에서 마우스를 움직이면 마우스 화살표가 바뀝니다. 참고 : 링크는 텍스트 일 필요는 없습니다. 이미지 또는 다른 HTML 요소가 될 수 있습니다. HTML 링크 - 구문 HTML에서 링크는 태그로 정의됩니다. link text See the Pen 1.HTML Links - Syntax by heunho (@heunho) on CodePen. href 속성은 링크의 대상 주소 (https://www.w3schools.com/html/)를 지정합니다. 링크 텍스트는 보이는 부..

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..