반응형

html초보강의 2

[정리정돈 시작!] HTML 웹페이지를 나누는 구조 태그 배우기

안녕하세요 😊지금까지 HTML로 여러 가지 태그들을 알아봤습니다.이번엔 웹페이지를 보기 좋게, 정리정돈할 수 있도록 도와주는 **‘구조 태그’**를 알아보겠습니다!🧱 구조 태그가 왜 필요할까?HTML 문서는 위에서 아래로 줄줄이 작성되기 때문에,내용을 논리적으로 나누지 않으면읽는 사람도, 스타일을 입히는 사람도 혼란스러워져요!그래서 HTML에서는 구역을 나눠주는 구조 태그를 사용합니다.🔖 대표적인 구조 태그 소개 태그용도아무 의미 없는 구역 나누기용 박스문서 안의 구분되는 주제 영역독립적인 콘텐츠 (예: 뉴스 글, 블로그 글) 나의 웹사이트 홈 소개 문의 ..

HTML, CSS 2025.05.06

HTML 텍스트, 제목, 링크, 이미지 넣기!

안녕하세요! 😊이전 포스팅에서 HTML 문서 구조를 배웠다면,이번에는 웹페이지 안에 실제로 글과 이미지, 링크를 넣어보는 방법을 알아보겠습니다!✍️ 텍스트 넣기: 태그HTML에서 일반적인 문장은 태그를 사용해요.p는 "paragraph", 즉 문단이라는 뜻이죠!오늘은 HTML 공부를 시작한 기념일이에요! 👉 이 코드를 브라우저에서 실행하면 이렇게 보여요:오늘은 HTML 공부를 시작한 기념일이에요!📝 제목 넣기: 부터 제목은 ~ 까지 있어요.숫자가 작을수록 더 중요한 제목, 글자 크기도 더 커요.가장 큰 제목조금 작은 제목이제 점점 작아져요🔗 링크 만들기: 다른 사이트나 페이지로 이동하게 하려면 링크 태그를 사용 해야합니다.구글로 이동 👉 결과: 구글로 이동Tip!href="" 안에는 연결할..

HTML, CSS 2025.05.04
반응형