홈페이지제작

홈페이지를 만들 때 가장 많이 검색하는 것 중 하나가 바로 HTML 경로 지정 방법입니다. 특히 이미지나 CSS, JS 파일을 연결할 때 절대경로와 상대경로의 차이를 헷갈려 하는 경우가 많습니다. 이 포스팅에서는 웹 페이지를 처음 제작하는 분들을 위해 절대경로와 상대경로의 개념과 차이점, 사용법을 쉽게 정리해드리겠습니다.절대경로란?절대경로(Absolute Path)는 파일이나 리소스의 전체 위치를 명시적으로 지정하는 방법입니다.예시:또는 로컬 경로일 경우,/로 시작하는 경로는 사이트 루트(최상위 디렉토리)를 기준으로 지정합니다.다른 서버에 있는 리소스를 가져올 때도 절대경로를 사용합니다.장점경로가 명확하여 다른 위치에서 불러와도 동일한 파일을 참조합니다.단점유지보수가 어려울 수 있습니다. 폴더 구조가 바..

홈페이지 제작/HTML 2025. 6. 14. 10:52

웹사이트를 운영하면서 가장 중요하게 여겨야 할 요소 중 하나는 검색엔진 최적화(SEO)입니다. 그러나 단순히 구글 검색 결과만 고려해서는 부족합니다. 사람들이 웹사이트를 접하는 첫 관문은 소셜 미디어일 때가 많기 때문입니다.바로 여기서 오픈그래프(Open Graph) 메타태그의 역할이 중요해집니다. 오늘은 오픈그래프 태그가 SEO와 어떤 관계가 있으며, 어떻게 활용하면 검색 결과와 SNS 미리보기에서 더 잘 노출될 수 있는지 알아보겠습니다.오픈그래프(Open Graph)란?오픈그래프는 원래 페이스북에서 만든 메타태그 포맷으로, 웹페이지가 공유될 때 보여줄 정보를 명시할 수 있게 해줍니다. 주요 검색엔진(구글, Bing 등)과 소셜 플랫폼(카카오톡, 트위터, 링크드인 등)에서도 이 정보를 참고합니다.주요 ..

홈페이지 제작/HTML 2025. 6. 11. 08:55

💡 HTML의 정의HTML은 HyperText Markup Language(하이퍼텍스트 마크업 언어)의 약자로, 웹 페이지를 만들기 위한 표준 마크업 언어입니다.즉, 우리가 인터넷에서 보는 모든 웹사이트의 뼈대와 구조를 만드는 언어가 바로 HTML입니다.HyperText: 링크를 통해 문서 간 이동이 가능한 텍스트Markup Language: 콘텐츠의 구조와 의미를 태그(tag)로 표시하는 언어HTML은 단순히 "디자인"을 위한 언어가 아니라, 정보의 구조를 설명하고 콘텐츠의 의미를 부여하는 역할을 합니다.🔎 HTML은 왜 중요할까요?HTML은 웹의 기초입니다.웹 페이지에서 텍스트, 이미지, 링크, 동영상 등의 콘텐츠가 어디에, 어떻게, 어떤 순서로 배치될지를 HTML이 결정합니다.예를 들어, HTM..

홈페이지 제작/HTML 2025. 6. 7. 10:03

소셜 미디어에서 당신의 웹사이트가 어떻게 보일지 생각해보셨나요?웹사이트를 만든 후, 링크를 페이스북이나 트위터에 공유해 보면 어떤 모습으로 나타나는지 주의 깊게 보신 적 있나요? 제목만 달랑 나오거나, 이미지가 이상하게 잘리거나, 아예 표시되지 않는 경우도 있죠. 바로 이런 문제를 해결하기 위해 등장한 것이 OGP(Open Graph Protocol)입니다. OGP란?OGP(Open Graph Protocol)는 페이스북에서 처음 제안한 메타데이터 표준으로, 웹페이지가 소셜 미디어에서 어떻게 보여질지를 정의하는 역할을 합니다. 쉽게 말해, 웹사이트를 공유했을 때 뜨는 제목, 설명, 이미지, 링크 정보 등을 미리 설정할 수 있도록 해주는 기술입니다.OGP를 적용하면 링크 미리보기에서 더 많은 클릭을 유도하..

홈페이지 제작/HTML 2025. 5. 30. 11:26