HTML 코드
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>메인화면</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
</head>
<body>
</body>
</html>HTML 요소 설명
<!DOCTYPE html>
이 선언은 문서가 HTML5 표준을 따르는 것을 나타냅니다.
<html lang="en">
HTML 문서를 시작하는 태그로, 문서 언어가 영어임을 지정합니다.
<head>
메타데이터와 문서 정보를 포함하는 섹션입니다. 웹 페이지에는 직접 표시되지 않습니다.
<meta charset="UTF-8">
문서의 문자 인코딩을 UTF-8로 설정합니다. UTF-8은 다양한 문자와 기호를 처리하는 데 사용되는 널리 쓰이는 인코딩입니다.
<meta http-equiv="X-UA-Compatible" content="IE=edge">
이 메타 태그는 Internet Explorer의 렌더링 모드를 지정합니다. "IE=edge"로 설정하면 최신 및 표준 호환 버전의 IE가 사용됩니다.
<meta name="viewport" content="width=device-width, initial-scale=1.0">
반응형 웹 디자인을 위한 뷰포트 설정을 구성합니다. 초기 스케일을 1.0으로 설정하고 페이지 너비를 장치 너비에 맞게 조정하도록 브라우저에 지시합니다.
<title>메인화면</title>
웹 페이지의 제목을 "메인화면"으로 설정합니다. 이 제목은 일반적으로 브라우저의 제목 표시줄이나 탭에 나타납니다.
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
이 줄은 외부 스타일시트를 포함합니다. 지정된 URL에서 Bootstrap Icons 라이브러리를 가져와서 웹 페이지에서 아이콘을 사용할 수 있게 합니다.
<body>
<body> 섹션에는 웹 페이지의 실제 내용이 들어갑니다. 여기서는 아무 내용도 없으므로 웹 페이지에는 아무것도 표시되지 않습니다.
HTML 구조가 기본적으로 완성되었지만 구체적인 내용이나 레이아웃이 없습니다. 일반적으로 <body> 섹션에 텍스트, 이미지 및 다른 HTML 요소를 추가하여 완전한 웹 페이지를 작성합니다.
웹솔루션과