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

15. HTML Tables

Company Contact Country Alfreds Futterkiste Maria Anders Germany Centro comercial Moctezuma Francisco Chang Mexico Ernst Handel Roland Mendel Austria Island Trading Helen Bennett UK Laughing Bacchus Winecellars Yoshi Tannamuri Canada Magazzini Alimentari Riuniti Giovanni Rovelli Italy See the Pen 01.HTML Tables by heunho (@heunho) on CodePen. HTML 테이블 정의 HTML 테이블은 태그로 정의됩니다. 각 테이블 행은 태그로 정의됩니다. ..

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