익스랩 - experience laboratory

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

29.HTML 인코딩 (Charset)

HTML 페이지를 올바르게 표시하려면 웹 브라우저가 사용할 Character set을 알아야 합니다. Character Encoding이란 무엇인가요? ASCII는 첫 번째 문자 인코딩 표준이었습니다. ASCII는 인터넷에서 사용할 수 있는 128개의 숫자, 영어 문자 및 일부 특수 문자를 지원했습니다. HTML 4의 기본 Character set은 ISO-8859-1입니다. 이 문자 집합은 256개의 다른 문자 코드를 지원했습니다. ANSI(Windows-1252)는 원래 Windows character set입니다. ANSI에 32개의 추가 문자가 있다는 점을 제외하면 ANSI는 ISO-8859-1과 동일합니다. ANSI와 ISO-8859-1은 매우 제한적이기 때문에 HTML 4는 UTF-8도 지원했..

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

28. HTML 심볼

HTML 심볼 엔티티 HTML 엔티티는 이전 장에서 설명했습니다. 많은 수학, 기술 및 통화 기호는 일반 키보드에는 없습니다. 이러한 기호를 HTML 페이지에 추가하기 위해 HTML 엔티티 이름을 사용할 수 있습니다. 엔티티 이름이 없으면 엔티티 번호, 10진수 또는 16진수를 참조하여 사용할 수 있습니다. See the Pen 01.HTML Symbol Entities by heunho (@heunho) on CodePen. HTML에서 제공하는 일부 수학 기호 출력 문자 숫자 엔티티 ∀ ∀ ∀ ∂ ∂ ∂ ∃ ∃ ∃ ∅ ∅ ∅ ∇ ∇ ∇ ∈ ∈ ∈ ∉ ∉ ∉ ∋ ∋ ∋ ∏ ∏ ∏ ∑ ∑ ∑ HTML에서 제공하는 일부 그리스 문자 출력 문자 숫자 엔티티 Α Α Α Β Β Β Γ Γ Γ Δ Δ Δ Ε Ε ..

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

27. HTML 엔티티

HTML의 예약 문자는 문자 엔티티로 바꿔야 합니다. 키보드에 없는 문자도 엔티티로 대체할 수 있습니다. HTML 엔티티 일부 문자는 HTML로 예약되어 있습니다. 텍스트에 "" 기호를 사용하면 브라우저에서 태그와 혼합될 수 있습니다. 문자 엔티티는 예약된 문자를 HTML로 표기하는데 사용됩니다. 문자 엔티티는 다음과 같습니다. &entity_name; OR &#entity_number; "

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

26. HTML 컴퓨터 코드 요소

See the Pen 01.HTML Computer Code Elements by heunho (@heunho) on CodePen. HTML 키보드 입력 HTML 요소는 키보드 입력 또는 음성 명령과 같이 사용자 입력을 정의합니다. 로 둘러싸인 텍스트는 일반적으로 monospace 폰트로 표시됩니다. See the Pen 02.HTML For Keyboard Input by heunho (@heunho) on CodePen. HTML 프로그램 출력 HTML 요소는 프로그램 또는 컴퓨터 시스템으로부터의 출력을 정의합니다. 태그로 둘러싸인 텍스트는 일반적으로 monospace 폰트로 표시됩니다. See the Pen 03.HTML For Program Output by heunho (@heunho) on ..

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

25. HTML 반응형 웹 디자인

반응형 웹 디자인이란 무엇일까요? 반응 형 웹 디자인은 HTML 및 CSS를 사용하여 웹 사이트의 크기를 자동으로 조정, 숨기기, 축소 또는 확대하여 모든 장치 (데스크톱, 태블릿 및 전화)에서 보기 좋게 보이도록 합니다. See the Pen 00.Resize the browser window by heunho (@heunho) on CodePen. 참고 : 해당 방법을 사용하면 모든 장치에서 웹 페이지가 이쁘게 잘 보입니다. 뷰포트 설정 반응형 웹 페이지를 만들 때는 모든 웹 페이지에 다음 요소를 추가하세요. 그러면 페이지의 뷰포트가 설정되어 페이지의 크기와 크기를 제어하는 방법에 대한 브라우저 지침이 제공됩니다. 다음은 뷰포트 메타 태그가 없는 웹 페이지와 뷰포트 메타 태그가 있는 동일한 웹 페이지..

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

24.HTML Layouts

See the Pen 01.CSS Layout Float by heunho (@heunho) on CodePen. HTML 레이아웃 요소 웹 사이트는 종종 잡지 나 신문과 같이 여러 열로 콘텐츠를 표시합니다. HTML은 웹 페이지의 다른 부분을 정의하는 몇 가지 의미를 가진 요소를 제공합니다. : 문서 또는 섹션의 헤더를 정의합니다. : 네비게이션 링크를 위한 컨테이너를 정의합니다. : 문서에서 섹션을 정의합니다. : 문서 내에 일정 구역을 독립적으로 정의합니다. : 사이드 바처럼 주요한 주제가 아닌 부차적인 내용을 정의합니다. : 문서 또는 섹션의 바닥 글을 정의합니다. : 추가 세부 사항을 정의합니다. : 요소의 제목을 정의합니다. HTML 레이아웃 기법 여러 레이아웃을 만드는데 5가지 방법이 존재합..