HTML 코드와 작업 방법을 이해하는 것은 먼 길을 갈 수 있습니다. 이메일 커뮤니케이션을 보다 전문적으로 만들기 위해 HTML 서명을 만드는 것과 같은 일상적인 작업에서 사용할 수 있습니다. HTML을 사용하는 또 다른 독특하지만 편리한 방법은 웹 페이지를 Word 문서에 저장하는 것입니다.
그러나 이전에 HTML 파일로 작업한 적이 없다면 이 모든 것이 약간 혼란스러울 수 있습니다. 먼저 이러한 파일이 무엇인지 배우고 Chrome에서 HTML 파일을 열고 보는 방법을 알아보겠습니다.
HTML 파일이란?
HTML은 Hypertext Markup Language의 약자로 웹 기반 스크립팅 언어입니다. 주요 목적은 웹 페이지를 만들고 구성하는 것입니다. HTML(또는 HTM) 확장자를 가진 파일에는 이미지나 동영상과 같은 다른 파일에 대한 참조와 텍스트만 포함됩니다.
HTML 파일을 만들고 편집하는 데 사용할 수 있는 다양한 프로그램이 있습니다. 그러나 간단한 텍스트 편집기를 사용하여 텍스트로 열고 읽을 수 있습니다. 웹 페이지가 어떻게 생겼는지 보려면 웹 브라우저를 사용하여 이 HTML 파일을 실행해야 합니다.
Google 크롬은 HTML을 인식하며 이를 사용하여 확장자가 ".html"인 모든 파일을 열 수 있습니다.
Chrome에서 HTML 파일을 여는 방법
Chrome에서 HTML 파일을 여는 방법은 여러 가지가 있습니다.
열기 명령 사용
- 보고 싶은 HTML 파일을 찾아 마우스 오른쪽 버튼으로 클릭한 다음 연결 프로그램을 선택합니다. 메뉴에서. 파일을 실행하는 데 사용할 수 있는 앱의 전체 목록이 표시됩니다. 기본 브라우저는 목록의 맨 위에 있습니다.
- 목록에서 Chrome을 선택하고 브라우저에서 파일을 봅니다.
- Google 크롬이 기본 브라우저로 설정된 경우 HTML 파일을 두 번 클릭하기만 하면 자동으로 Chrome에서 열립니다. 이 작업을 시도했지만 컴퓨터가 파일을 인식하지 못하는 경우 시스템은 이미 설치된 앱 중 하나를 사용하여 파일을 열거나 인터넷에서 확장자를 검색하도록 요청합니다. 이미 설치된 애플리케이션을 사용하여 열기를 선택합니다. . 그런 다음 목록에서 Google 크롬을 다시 선택하십시오.
- 올바른 HTML 파일을 열었는지 확인하려면 페이지가 표시될 때 Chrome의 주소 표시줄을 확인하세요. 컴퓨터의 파일 위치와 일치해야 합니다.
Chrome 내에서 HTML 파일 열기
이미 브라우저를 실행 중인 경우 컴퓨터에서 먼저 HTML 파일을 찾지 않고도 Chrome에서 HTML 파일을 열 수 있습니다.
- 파일 선택 Chrome 리본 메뉴에서 그런 다음 파일 열기를 선택합니다. .
- HTML 파일 위치로 이동하여 문서를 강조표시하고 열기를 클릭합니다. .
- 새 탭에서 파일이 열리는 것을 볼 수 있습니다.
키보드 단축키를 사용하여 Chrome에서 파일을 열 수도 있습니다. Chrome에서 새 탭을 연 다음 Ctrl 키를 누릅니다. (Windows) 또는 명령 (Mac) + O . 동일한 파일 열기가 나타납니다. 메뉴. HTML 파일을 찾아 엽니다.
바로 가기가 작동하지 않으면 브라우저에 이 명령에 대한 다른 단축키 집합이 있을 수 있습니다. 브라우저 설정에서 항상 확인할 수 있습니다. Google 크롬의 도움말 키보드 단축키와 함께 사용할 수 있는 다양한 기능이 있습니다. 올바른 단축키를 사용하여 탭 간 전환, Google 캘린더 일정 생성, 시크릿 모드 켜기/끄기 등을 배울 수 있습니다.
Chrome에서 파일 드래그 앤 드롭
HTML 파일을 새 탭으로 바로 끌어다 놓을 수도 있습니다. 그러면 Chrome이 자동으로 페이지를 엽니다.
소스 HTML을 보는 방법
페이지 보기뿐만 아니라 HTML 소스 코드 보기도 수행해야 하는 경우 Chrome에서 이 작업도 수행할 수 있습니다.
몇 가지 다른 방법이 있습니다. 가장 기본적인 것은 Chrome의 새 탭에서 HTML 파일을 여는 것입니다. 그런 다음 마우스 오른쪽 버튼으로 클릭하고 페이지 소스 보기를 선택합니다. 메뉴에서.
보다 대화형 도구를 사용하고 변경 사항이 웹 페이지에 즉시 영향을 미치는지 확인하려면 Chrome의 개발자 도구를 사용할 수 있습니다.
그렇게 하려면 새 탭에서 HTML 파일을 엽니다. 그런 다음 세로 점 3개를 클릭합니다. 창의 오른쪽 상단 모서리에 있는 아이콘. 드롭다운 메뉴에서 추가 도구를 선택합니다.> 개발자 도구 .
화면 오른쪽에서 요소 로 이동합니다. 탭을 클릭하면 웹 페이지의 자세한 소스 코드를 볼 수 있습니다.
스마트폰에서 HTML 파일을 여는 방법
스마트폰을 사용하는 경우 다른 방법을 사용하여 Chrome에서 HTML 파일을 열 수도 있습니다.
연결 프로그램 메뉴 사용
휴대전화에서 열려는 HTML 파일을 찾아 클릭합니다. 연결 프로그램이 표시됩니다. 메뉴에서 웹 페이지를 보는 데 사용할 수 있는 앱 목록에서 선택할 수 있습니다. Chrome을 선택하여 파일을 엽니다.
SD 저장소에서 HTML 파일 열기
휴대전화에서 Chrome 브라우저를 실행하고 새 탭을 엽니다. file:///sdcard/ 를 입력합니다. 주소 표시줄에 입력하면 SD 저장소가 열립니다. 거기에서 열려는 파일로 이동하고 탭하여 파일을 봅니다.
HTML 이해하기
약간의 트릭을 배우고 HTML을 더 잘 이해하면 코드와 텍스트로 작업할 때 더 많은 자유를 얻을 수 있습니다. 한 가지 좋은 예는 무엇보다도 HTML을 Google 문서에 포함하는 방법을 배우는 것입니다.
HTML 파일로 작업한 적이 있습니까? 어렵다고 느끼십니까? 아래 의견에서 귀하의 경험을 공유하십시오.