HTML기본문법 3

[새싹x코딩온] HTML 기본 개념 4부 – Table 태그를 활용한 표 만들기!

🎨 HTML 기본 개념 4부 – Table 태그를 활용한 표 만들기!웹페이지에서 데이터를 표(table) 형태로 정리하면 가독성이 높아지고 정보를 효과적으로 전달할 수 있습니다.이번 HTML 4부에서는 HTML의  태그를 활용하여 표를 만드는 방법을 쉽게 설명해드릴게요! 🚀📌 1.  태그란? 태그는 HTML에서 표를 만들 때 사용하는 요소입니다.✅ 기본 문법 셀 1 셀 2 셀 3 셀 4  ➡️ 출력 결과:셀1셀2셀3셀3 ✅ 태그 설명 → 표를 생성 → 행(row) 추가 → 열(column) 추가 (데이터를 입력하는 칸)📌 2.  태그 속성 활용하기 태그는 기본적으로 스타일이 없기 때문에 여러 속성을 추가해 더 보기 좋게 ..

Delvelop/HTML 2025.03.06

[새싹x코딩온] HTML 기본 개념 3부 – 사용자 입력을 위한 Form 태그 완벽 정리!

🎨 HTML 기본 개념 3부 – 사용자 입력을 위한 Form 태그 완벽 정리!웹사이트에서 회원가입, 로그인, 검색, 댓글 작성 등을 할 때 사용자의 입력을 받는 요소가 필요합니다. 이를 가능하게 하는 것이 바로 HTML Form 태그입니다.이번 HTML 3부에서는 , ,  등 다양한 입력 태그와 그 사용법을 예제와 함께 쉽게 설명해드릴게요! 🚀 📌 1.  태그란? 태그는 사용자로부터 입력을 받고 서버로 데이터를 전송하는 역할을 합니다.✅ 기본 문법 이름:  ✅ 속성 설명action="submit.php" → 입력 데이터를 보낼 서버 주소method="POST" → 데이터를 전송하는 방식 (GET, POST 사용 가능)📌 2. 입력값을 받는  태그 태그는 사용자가 정보를 입력할 수..

Delvelop/HTML 2025.03.05

[새싹x코딩온] HTML 기본 개념 2부 – 다양한 HTML 태그 종류 총정리!

🎨 HTML 기본 개념 2부 – 다양한 HTML 태그 종류 총정리!이전 HTML 1부에서 HTML의 기본 개념과 문서 구조를 배웠다면, 이제는 본격적으로 HTML 태그 종류를 알아볼 차례입니다.이번 HTML 2부에서는 웹페이지를 구성하는 데 필수적인 태그들을 예제 코드와 함께 쉽게 설명해드릴게요! 🚀📌 1. 제목 태그 ( ~ )HTML에서는 제목을 나타내는 부터 까지의 태그가 있습니다. 숫자가 작을수록 글씨 크기가 크고 중요도가 높습니다.제목 1 제목 2제목 3제목 4제목 5제목 6  ✅ 제목 태그 활용 예시 → 웹페이지의 메인 제목 (SEO에 가장 중요한 태그!) ~  → 소제목이나 부제목Z📌 2. 본문 태그 () 태그는 문단(Paragraph) 을 의미합니다.HTML은 웹사이트를 만들 때 사용..

Delvelop/HTML 2025.03.05