html5 [HTML] 추가 정보를 보관하는 메타 태그 추가 정보를 보관하는 메타 태그메타 태그(meta tag)는 HTML 문서의 메타데이터를 정의하는 데 사용되는 태그입니다. 메타데이터는 문서 자체에 대한 정보(예: 작성자, 설명, 키워드, 문자 인코딩, 뷰포트 설정 등)를 제공합니다. 메타 태그는 보통 HTML 문서의 메타 태그에 대한 소개 이 문서에서는 다양한 HTML 메타 태그와 그 사용법에 대해 설명합니다.정리메타 태그는 웹 페이지의 메타데이터를 정의하여 검색 엔진 최적화(SEO), 소셜 미디어 미리보기, 문서 정보 제공 등을 가능하게 합니다. 올바른 메타 태그 사용은 웹 페이지의 가시성과 접근성을 향상할 수 있습니다. 다양한 메타 태그를 이해하고 적절히 사용하는 것은 웹 개발자의 중요한 기술입니다. 2024. 6. 25. [HTML] 태그란? 태그란?HTML(하이퍼텍스트 마크업 언어)에서 태그(tag)는 웹 페이지의 구조와 콘텐츠를 정의하는 데 사용되는 마크업 언어의 기본 구성 요소입니다. HTML 태그는 요소(element)를 감싸거나 특정한 형태로 표시하기 위해 사용되며, 일반적으로 꺾쇠괄호()로 둘러싸여 있습니다.HTML 태그의 기본 구조HTML 태그는 시작 태그와 종료 태그로 구성됩니다. 시작 태그는 요소의 시작을 알리고, 종료 태그는 요소의 끝을 알립니다. 태그 이름은 대소문자를 구분하지 않지만, HTML5 표준에서는 소문자를 사용하는 것이 일반적입니다.내용예를 들어, 단락을 정의하는 태그는 다음과 같이 사용됩니다:이것은 단락입니다.HTML 태그의 종류블록 레벨 태그(Block-level Tags):단락(p): 단락을 정의합니다.이.. 2024. 6. 23. [HTML] Live Server 기본 설정 변경 Live Server 기본 설정 변경 "Live Server"의 기본 설정을 변경하려면 설정 파일을 수정해야 합니다. 아래에 디폴트 설정을 변경하는 방법을 단계별로 설명드리겠습니다. 1. 설정 파일 열기Visual Studio Code의 사용자 설정 파일인 `settings.json` 파일을 수정하여 Live Server의 기본 설정을 변경할 수 있습니다. 1. Visual Studio Code를 엽니다. 2. `Ctrl + ,` (또는 `Cmd + ,` on macOS) 키를 눌러 설정 창을 엽니다. 3. 오른쪽 상단의 열쇠 모양 아이콘을 클릭하여 설정(JSON)을 엽니다. 이로 인해 `settings.json` 파일이 열립니다. 2. Live Server 설정 추가하기`settings.json` 파일.. 2024. 6. 20. [HTML] 태그의 속성 태그의 속성HTML 태그의 속성은 태그에 추가적인 정보를 제공하거나 태그의 동작을 제어하는 데 사용됩니다. 속성은 태그의 시작 태그에 포함되며, 이름과 값의 쌍으로 이루어져 있습니다. 속성의 값은 항상 따옴표로 감싸야합니다. 아래에서 HTML 속성에 대해 자세히 설명하겠습니다.HTML 속성의 기본 구조속성은 태그 내에서 이름과 값의 쌍으로 정의됩니다. 예를 들어, 앵커 태그()의 href 속성은 링크의 목적지를 지정합니다.Example 사이트로 이동주요 HTML 속성일반적인 속성id: 요소의 고유 식별자를 지정합니다.내용class: 요소의 클래스를 지정하여 스타일링이나 스크립트에서 사용할 수 있습니다.단락 텍스트style: 요소에 직접 스타일을 적용합니다.파란색 텍스트title: 요소에 마우스를 올렸을 .. 2024. 6. 19. [HTML] VSCode 확장 프로그램, Live Server VSCode 확장 프로그램, Live Server"Live Server"는 로컬 개발 서버를 실행하여 HTML 파일의 변경 사항을 자동으로 브라우저에 반영해 주는 확장 프로그램입니다. 아래는 "Live Server" 확장 프로그램의 주요 기능과 설치 방법에 대한 간단한 가이드입니다.Live Server 확장 프로그램 사용 가이드주요 기능실시간 재로드: 파일을 저장할 때마다 브라우저가 자동으로 새로고침됩니다.다중 루트 워크스페이스 지원: 여러 프로젝트를 동시에 작업할 수 있습니다.서버 사이드 페이지 지원: PHP와 같은 서버 사이드 페이지를 지원합니다.설치 방법Visual Studio Code 실행: Visual Studio Code를 실행합니다.확장 프로그램 설치:왼쪽 사이드바에서 확장 프로그램 아이콘을.. 2024. 6. 19. 이전 1 다음
