프런트엔드-HTML
HTML 구조 설계
시맨틱 태그와 문서 구조를 익히는 HTML 강의
정리글 목록
총 31개번호
제목
작성자
조회수
작성일
31
실무형 10번 = 웹퍼블리셔 포트폴리오 완성형
구성은 Header + Hero + Project Card
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" c
이종춘
15
2026-06-16
30
실무형 9번 = 쇼핑몰 / 제품 판매 사이트 완성형
구성은 Header + Swiper Hero + Pro
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" c
이종춘
12
2026-06-16
29
실무형 8번 = 호텔 / 리조트 예약 사이트 완성형
구성은 Header + Swiper Hero + Roo
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" c
이종춘
7
2026-06-16
28
실무형 7번 = AI SaaS / AI 툴 서비스 사이트 완성형
구성은 Header Hero AI 기능 C
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" c
이종춘
7
2026-06-16
27
실무형 6번 = 커뮤니티 사이트 완성형
구성은 Header + Hero + 게시판 카드 + 공지/이벤트 +
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" c
이종춘
5
2026-06-16
26
실무형 5번 = 카페 / 브랜드 사이트 완성형
구성은 Header + Swiper Hero + Menu C
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" c
이종춘
11
2026-06-16
25
실무형 4번 = 교육 / 강의 플랫폼 완성형
구성은 Header + Swiper Hero + 강의 카드 +
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" c
이종춘
12
2026-06-16
24
실무형 3번 = 병원 / 헬스케어 사이트 완성형
구성은 Header Swiper Hero 진료과목 카드 의
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" c
이종춘
8
2026-06-16
23
실무형 2번 = 골프 예약 / 골프장 사이트 완성형
구성은 Header + Swiper Hero + Cou
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" c
이종춘
7
2026-06-16
22
실무형 1번 = 기업형 B2B 사이트 완성형
구성은 Header + Swiper Hero + Service
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" c
이종춘
11
2026-06-16