이미지 크레디트: tumsasedgars/iStock/GettyImages
HyperText Markup Language 또는 HTML은 World Wide Web의 기본 프로그래밍 언어입니다. 웹 사이트의 기본 레이아웃 및 기능을 지정하는 데 사용됩니다. 일반 텍스트 편집기나 입력을 기반으로 HTML을 출력하는 특수 도구를 사용하여 HTML 파일을 편집할 수 있습니다.
HTML, CSS 및 자바스크립트
최신 웹 브라우저는 세 가지 프로그래밍 언어를 이해합니다. HTML은 웹 페이지의 기본 레이아웃을 코딩하고 형식, 이미지 및 텍스트 섹션과 같은 기능적 요소를 도입하는 데 사용됩니다. 일부 스타일 사양에도 사용할 수 있습니다.
오늘의 비디오
계단식 스타일 시트 또는 CSS라고 하는 다른 언어는 페이지가 화면에서 또는 종이에 인쇄될 때 표시되는 방식에 추가 스타일을 지정하는 데 사용됩니다. CSS는 HTML에 포함되거나 HTML 코드로 참조되고 별도의 파일에 저장될 수 있습니다.
JavaScript로 알려진 세 번째 언어는 웹 사이트에 상호 작용 및 계산과 같은 추가 기능을 추가하는 데 사용됩니다. HTML 파일에 포함하거나 별도의 파일에 저장할 수도 있습니다. 이름에서 알 수 있듯이 Java라는 다른 프로그래밍 언어와 유사하지만 두 언어는 상호 호환되지 않고 서로 혼동되어서는 안 됩니다.
HTML 파일 편집
HTML, CSS 및 JavaScript에는 모두 웹 브라우저가 이해할 수 있는 유효한 코드를 생성하기 위해 따라야 하는 고유한 구문 규칙이 있지만 일반 텍스트 파일에 저장됩니다.
Windows의 메모장, macOS 컴퓨터의 TextEdit, Emacs, Vim 및 Sublime Text와 같은 인기 있는 텍스트 편집기를 포함한 모든 일반 텍스트 편집 소프트웨어로 편집할 수 있습니다. 일반적으로 HTML 파일은 .html 확장자로 저장됩니다. Microsoft Word 및 Google 문서도구와 같은 워드 프로세싱 도구를 사용하여 HTML을 편집하는 것은 좋지 않기 때문에 사용하지 마십시오. 사용자 정의 글꼴 및 포맷.
일부 개발자는 통합 개발 환경을 사용하거나 다음을 포함하도록 텍스트 편집기를 구성하는 것을 선호합니다. HTML 코드의 다른 부분을 강조 표시하거나 요소가 어디에 있어야 하는지 제안하는 것과 같은 고급 기능 배치. 최신 웹 브라우저는 또한 다양한 내장 개발자 도구를 통해 디버깅하는 동안 HTML 및 JavaScript를 조정하고 코드를 편집할 수 있습니다.
생성된 HTML
다양한 도구를 통해 HTML을 직접 작성하지 않고도 생성할 수 있습니다. Adobe의 Dreamweaver와 같은 일부 웹 디자인 도구와 Wix 및 Squarespace와 같은 온라인 도구는 사용자가 시각적 인터페이스를 통해 입력한 내용을 기반으로 HTML을 자동으로 출력합니다.
웹 포럼 및 Wiki용 소프트웨어와 같은 다른 소프트웨어는 Markdown과 같은 다른 간단한 서식 지정 언어를 자동으로 가져와 HTML 및 CSS로 변환합니다. Django 및 Rails와 같은 웹 서버 소프트웨어도 구성 설정 및 데이터를 기반으로 HTML을 자동으로 생성할 수 있습니다.
