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

Forum of AI

모션 사용성 만들기 : UX에서의 모션 선언

소개 다음 선언문은 "UX 또는 UI 디자이너로서 유용성을 지원하기 위해서 언제 어디서 모션을 구현해야하는지 어떻게 알 수 있을까요?"라는 질문에 대한 답변을 나타냅니다. 지난 5년 동안 40 개 국 이상에서 UX, UI 디자이너를 지도하고 멘토링 하고 UI 애니메이션에 대한 워크샵과 자습서를 통해 수백 가지의 최고 브랜드 및 디자인 컨설턴트를 맡았습니다. (해당 내용은 글쓴이의 내용) 15년 동안 사용자 인터페이스에서 모션을 연구 한 후 모션을 사용하여 UX 프로젝트에서 유용성 향상을 위한 12 가지의 방법이 있다는 결론에 도달했습니다. 이러한 기회를 "모션 UX의 12가지 원칙" 이라고 하며 수 많은 혁신적인 방식으로 시너지 효과를 발휘 할 수 있습니다. 선언문을 5개 부분으로 나누었습니다. UI 애..

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