[HTML의 TEXT요소] HTML 목록 태그 완전 정리! #ul #ul #li #dt #dl #dd안녕하세요, 토스트 데브입니다!지난 시간에는 HTML 문서에서 제목(~)과 단락() 태그를 어떻게 사용하는지 알아보았죠?오늘은 문서를 구성할 때 자주 사용되는 목록(List) 태그에 대해 알아보겠습니다.✅ 왜 목록 태그가 필요할까요?우리는 글을 작성할 때 자주 항목별로 정리된 정보를 나열하게 됩니다.예를 들어:장보기 목록순위 리스트사용 방법FAQ이런 항목들을 HTML에서 표현할 때 사용하는 것이 바로 목록 태그입니다.📌 HTML의 목록 태그 종류태그설명순서가 없는(Unordered) 목록순서가 있는(Ordered) 목록목록 항목 (List Item)정의 목록 (Description List)용어 (Def..

https://youtu.be/gTrilkiZppE?si=vAqS7r8N4c1VSxsv안녕하세요, 토스트 데브입니다. 이전 시간에는 HTML 문서의 구조에 대해 배워보았죠? 오늘은 웹 문서를 구성하는 데 있어서 가장 기본적이면서 중요한 제목(heading) 태그와 단락(paragraph) 태그에 대해 알아보겠습니다.제목과 단락 태그는 왜 중요한가요?기사, 교과서, 보고서 등 어떤 문서든 제목과 단락으로 구조화되어 있습니다. HTML 문서도 마찬가지예요. 제목과 단락을 잘 구성하면 읽기 쉽고, 정보 구조도 명확해집니다.제목 태그 ( ~ )HTML에서는 총 6단계의 제목 태그를 제공합니다.대제목 (최상위)중제목소제목하위제목더 작은 제목가장 작은 제목각 태그는 문서의 계층 구조를 나타내는 용도로 사용되며, 시..

https://youtu.be/77PMoXpLHDk안녕하세요, 토스트 데브입니다! 지난 시간에는 HTML 문서의 기본 구조와 주석 작성 방법에 대해 알아보았죠? 오늘은 HTML 문서를 작성할 때 주의해야 하는 특수문자들에 대해 알아보겠습니다.왜 특수문자에 주의해야 할까?HTML에서는 일부 문자가 태그나 속성의 구분자로 사용되기 때문에, 콘텐츠로 직접 입력하면 문법 오류를 유발할 수 있습니다. 예를 들어 , " 같은 기호들은 HTML 태그의 시작과 끝, 속성 구분 등으로 사용되므로, 이 기호들을 실제 콘텐츠로 쓰고 싶을 때는 특수문자 코드로 변환해 주어야 합니다.HTML 특수문자 기본 구조HTML 특수문자는 다음과 같은 형식으로 작성합니다.&문자코드;시작 : &문자 코드 이름종료 : ;자주 쓰이는 특수문자..

https://youtu.be/nb2BulbWTAY 안녕하세요, 토스트 데브입니다! 지난 시간에는 HTML 요소의 속성(Attribute)에 대해 알아보았는데요,이번 시간에는 웹 문서의 시작이 되는 HTML 문서의 구조에 대해 배워보겠습니다. 웹 페이지는 눈에 보이는 부분만큼이나, 눈에 보이지 않는 구조와 규칙이 굉장히 중요하답니다. 그럼 하나씩 함께 살펴볼까요?HTML5 선언 방식예전 HTML4나 XHTML 시대에는 아래와 같이 복잡한 선언이 필요했습니다.하지만 HTML5부터는 훨씬 간단해졌습니다!이 한 줄만으로도 “이 문서는 HTML5 문서입니다”라고 선언할 수 있게 되었죠.HTML 문서의 기본 골격HTML 문서는 기본적으로 html 요소 안에 head와 body 요소가 포함되는 구조입니다. ..

웹 개발 입문 순서웹 개발이란? 웹사이트를 만들고 운영하는 전반적인 일.인터넷 또는 인트라넷에서 사용 가능한 웹사이트를 구축. 웹 개발에 사용되는 주요 언어HTML, CSS, JavaScript, PHP, JSP, ASP 등 웹 개발 언어의 분류 클라이언트 스크립트 언어 (Client-side)HTML, CSS, JavaScript프론트엔드 개발에 사용됨 (사용자와 직접 상호작용하는 UI 제작)서버 스크립트 언어 (Server-side)PHP, JSP, ASP백엔드 개발에 사용됨 (데이터 처리, 저장, 서버 관리 등) 프론트엔드 vs 백엔드 프론트엔드: 웹사이트의 외형/UI (사용자가 보는 부분)백엔드: 웹사이트의 내부 시스템/서버 처리 (데이터 관리 등) 웹 개발 입문 순서 HTML, CSS, Java..