"> 제목 "> 제목 "> 
<head>
  <!-- HTML Meta Tags -->
  <meta charset="UTF-8" />
  <title> 제목 </title>
  <meta
    name="description"   content=" 나만의 온라인 명함"   />
  <meta name="keywords" content="나만의 온라인 명함, 커서, render, , 양파고, Yang Phago, 노션, 양파고 노션, notion" />

  <!-- Open Graph / Facebook -->
  <meta   property="og:title"   content="나만의 온라인 명함"  />
  <meta  property="og:description" content=" 설명, 양파고, Yang Phago, 노션, 양파고 노션  "  />
  <meta property="og:image" content="대표 이미지" />
  <meta property="og:url" content="페이지 주소" />
  <meta property="og:type" content="website" />
</head>

<aside> 💡 동적기능을 포함한 웹페이지: 메일전송 기능, 설문조사 자동통계, 데이터 베이스 등

</aside>

1. 온라인 명함 작성을 위한 기초Tip

1-1. 베이스가 될 디자인

1-2.index.php를 사용하기 위한 기초

🟦 index.html vs index.php 차이점

🖥️ 기본 개념

index.html

👉 정적인(Static) 웹 페이지

👉 서버가 해석 없이 파일 내용을 그대로 브라우저에 전송

index.php

👉 동적인(Dynamic) 웹 페이지

👉 서버가 PHP 코드를 먼저 해석하고 결과를 브라우저에 전송

📌 주요 비교

📝 구분 🟢 index.html 🟠 index.php
파일 확장자 .html .php
콘텐츠 방식 정적인 페이지 동적인 페이지
서버 처리 서버가 그대로 전송 서버가 PHP 코드 해석 후 결과만 전송
백엔드 연결 ❌ 불가능 ✅ 가능 (DB 연결, 사용자 입력 처리 등)
필요한 환경 웹 서버 (Apache, Nginx 등) PHP가 설치된 웹 서버
대표 사용 예시 회사소개 페이지, 포트폴리오 로그인, 게시판, 데이터 입력/출력 페이지

🎯 핵심 요약

✅ 변동 없는 페이지 → index.html

✅ 사용자 입력, 데이터 처리 필요 → index.php

2. 온라인명함제작(기초단계)

2-0.전체 구성 흐름