📘 HTML로 간단한 웹페이지 만들기✅ 목표지금까지 배운 내용을 활용해 실제 웹페이지 하나를 만들어보기✅ 예제: 나만의 소개 페이지html 안녕하세요, minhee입니다! 웹 개발을 배우고 있어요. HTML이 너무 재밌어요! 이메일 보내기 ✅ 팁간단한 스타일을 적용해 보기 좋게 만들기이미지, 텍스트, 링크를 조화롭게 배치

📘 HTML5에서 새로 추가된 기능들✅ 시멘틱 태그, , , 등콘텐츠의 의미를 명확히 표현✅ 입력 타입 확장html✅ 비디오, 오디오 태그HTML5에서 기본 지원플러그인 없이 멀티미디어 삽입 가능✅ 예제: HTML5 폼html

📘 HTML로 이미지, 오디오, 비디오 삽입하기✅ 이미지 삽입html✅ 오디오 삽입html 브라우저가 오디오를 지원하지 않습니다.✅ 비디오 삽입html 브라우저가 비디오를 지원하지 않습니다.✅ 팁controls 속성은 재생 버튼을 표시autoplay, loop, muted 속성도 활용 가능

📘 HTML과 CSS 연결하기✅ CSS란?CSS는 Cascading Style Sheets의 약자로, HTML 요소의 디자인과 레이아웃을 담당합니다.HTML은 구조, CSS는 스타일을 담당합니다.✅ CSS 연결 방법 3가지html빨간 글씨✅ 예제: 외부 CSS 적용html나의 블로그.title { color: green; font-size: 32px; text-align: center;}

📘 HTML 속성(attribute) 제대로 이해하기✅ 주요 속성 예시html네이버내용✅ 속성 설명속성설명src이미지 경로alt이미지 설명 (접근성)title마우스 오버 시 표시style인라인 스타일href링크 주소target="_blank"새 창에서 열기id고유 식별자class그룹 식별자✅ 속성 활용 팁id는 자바스크립트나 CSS에서 특정 요소를 지정할 때 사용class는 여러 요소에 공통 스타일을 적용할 때 유용

📘 HTML에서의 레이아웃 구성✅ 블록 vs 인라인html블록 요소인라인 요소div: 줄 전체를 차지하는 블록 요소span: 텍스트 안에 삽입되는 인라인 요소✅ 시멘틱 태그html헤더 영역내비게이션본문섹션푸터✅ 간단한 레이아웃 예제html 내 웹사이트 홈 | 소개 본문 내용 여기에 콘텐츠가 들어갑니다. © 2025 minhee