민혁이의 IT스토리

벌써 [혼자 공부해서 개발까지] - HTML 파트에 마지막을 달려가고 있는데요. 오늘은 웹페이지를 만들기 위해서 가장 기본적이면서 중요한 웹페이지 구조를 잡는 방법과 이때 필요한 구조태그에 대해서 알아보려고 합니다.그럼 바로 시작 할까요?    목차구조태그웹페이지의 구조 Layout  구조태그란?구조태그란, HTML 문서에서 페이지의 구조나 섹션을 정의하는 역할을 하는 태그들입니다. 이 태그들은 문서의 레이아웃을 정의하고, 내용의 의미를 명확하게 전달할 수 있도록 도와줍니다. 구조태그도 시맨틱 구조태그와 비시맨틱 구조태그로 나눌 수 있는데요. 비시맨틱 주고태그는 , 등으로 part1에서 공부했던 내용이기 때문에 오늘은 시맨틱 구조태그를 집중적으로 다뤄보겠습니다. 시맨틱 태그콘텐츠의 의미를 명확하게 전달하..

와우!!  파트0부터 시작해서 벌써 4번째 글을 쓰게 되었네요 ㅎㅎ  오늘은 어떤 재밌고 중요한 태그들을 소개하게 될지 기대가 됩니다😊 오늘 배울 태그들은 HTML을 실전에서 사용할 때 꼭 알아야 할 태그들입니다. 그럼 본격적으로 시작해볼까요?   목차Input태그Input의 종류button태그    3-1  Input태그란? 웹사이트를 이용하다 보면 우리가 원하는 결과를 얻기 위해서 선택과 입력 또는 클릭하는 버튼의 페이지를 쉽게 볼 수 있습니다. input 태그는 웹페이지에 보이는 모든 입력창을 담당하고 있다고 봐도 무방합니다. 정말 엄청나죠? 지금 부터 input라는 태그를 알아보러 가보겠습니다^^ : HTML에서 사용자로부터 데이터를 입력받는 데 사용되는 매우 중요한 요소입니다. 또한 열고 닫는..

웹페이지는 정말 많은 요소들로 이루어져 있습니다. 사람들은 그 요소를 태그라고 정의하고 상황에 알맞는 태그를 골라서 사용합니다.  이번 시간에는 웹페이지를 만들 때 중요한  목록,표(테이블)를 만드는 방법에 대해 알아보겠습니다😊  목차순서가 있는 목록순서가 없는 목록표 만들기   태그 설명 2-1 순서가 없는 목록목록은 우리에 일상에서도 쉽게 찾아볼 수 있습니다. 그중에는 순서가 중요하지 않은 것과 중요한 것으로 나눌 수 있는데요. HTML에서는 그 두 가지 상황을 > 태그와 >태그로 나누고 각각에 태그들 속에 항목들을 로 구분하여 사용합니다.  태그:  순서가 중요한지 아닌지에 관계없이 항목을 나열할 때 사용합니다.  li(항목)들을 ul태그로 감싸면 순서가 없는 목록을 만들 수 있습니다.  예시 코..

HTML이란? HTML은 HyperText Markup Language의 약자입니다.HyperText: 다른 문서나 웹 페이지로 연결되는 "텍스트 링크"를 의미합니다. 예를 들어, 링크를 클릭하면 다른 페이지로 이동하는 기능을 가리킵니다.Markup: 마크업은 문서 내의 구조나 내용을 정의하는 방법을 의미합니다. 즉, HTML 태그를 사용하여 웹 페이지의 구조를 정의하는 방식입니다.Language: 웹 페이지를 만들 때 사용하는 규칙과 문법을 가지고 있는 프로그래밍 언어의 한 종류입니다. 위에 내용을 정리하면 HTML은 웹페이지를 만들기 위해 필요한 요소들을 태그로 정의하여 사용하는 언어라고 생각하면 됩니다😊 태그 설명목차기본 태그란?문단과 텍스트 태그1. p태그2. span 태그3. h1 ~ h6태그..