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

30.HTML URL 인코딩

URL은 웹 주소의 다른 단어입니다. URL은 단어 (w3schools.com) 또는 인터넷 프로토콜 (IP) 주소 (192.68.20.50)로 구성될 수 있습니다. 대부분의 사람들은 이름을 숫자보다 기억하기 쉽기 때문에 서핑 할 때 이름을 입력합니다. URL - Uniform Resource Locator 웹 브라우저는 URL을 사용하여 웹 서버에서 페이지를 요청합니다. URL (Uniform Resource Locator)은 웹에서 문서 (또는 다른 데이터)를 처리하는 데 사용됩니다. https://www.w3schools.com/html/default.asp 와 같은 웹 주소는 다음 구문 규칙을 따릅니다. scheme://prefix.domain:port/path/filename 설명 : schem..

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. 참고 : 해당 방법을 사용하면 모든 장치에서 웹 페이지가 이쁘게 잘 보입니다. 뷰포트 설정 반응형 웹 페이지를 만들 때는 모든 웹 페이지에 다음 요소를 추가하세요. 그러면 페이지의 뷰포트가 설정되어 페이지의 크기와 크기를 제어하는 방법에 대한 브라우저 지침이 제공됩니다. 다음은 뷰포트 메타 태그가 없는 웹 페이지와 뷰포트 메타 태그가 있는 동일한 웹 페이지..