HTML

본격적인 HTML 공부를 하기 전에 편집기 프로그램 Visual Studio Code 환경설정하기 다운받은 Visual Studio Code 실행하기 왼쪽에 Extensions 누르기 검색창에 live server 검색 ![](https://velog.velcd

무엇을 공부하든 기본적, 필수적 용어들의 개념을 알고 가는게 도움이되는 것 같아HTML에서도 기본적인 용어들의 개념을 간단하게 정리하고 넘어가겠다!😊태그는 HTML페이지에서 '객체'를 만들 때 사용 하는 것을 말하고, 태그로 만들어진 객체는 웹페이지를 이루는 요소라

본격적인 HTML 페이지 작성 전에 페이지 구조에 대해 알아보자! 1 기본적인 HTML 페이지 구조 😁 1) 선언 선언의 통해 웹 문서가 HTML문서 형식으로 작성되었음을 인식하게 해준다. 만약 선언을 하지 않는다면 브라우저 환경에 따라 결과물이 다르게 출

웹 페이지에서 가장 많은 비중을 차지하는 부분인 글자 태그에 대해 공부해보자! 글자 태그는 상당히 많은 종류가 있으므로 종류별로 정리하겠다 1. 제목😊 제목을 입력할 때 사용 하는 '제목 글자 태그' 'h'는 heading를 의미하고 숫자는 크기 및 우선 순위를 나

ol태그는 정렬된 목록을 의미하고 ul태그는 정렬되지 않은 목록을 의미한다. 마지막으로 li태그는 목록의 요소를 의미한다.정의 목록은 사전같은데서 흔히 볼수 있는 형태로 특정용어와 그 용어의 정의를 표현할 때 사용하는 태그이다. 간단하게 표로만 정리하겠다!테이블 태그

1. 이미지 태그 🖼️ 이미지를 생성 할때 사용하는 태그이다. 태그에 사용될 수 있는 속성은 굉장히 많지만, 중요하게 쓰이는 몇 가지만 정리해보겠다. HTML문서는 이미지를 직접 삽입되기 보다는 이미지가 HTML문서에 링크되는 형태이다. 는 이미지가 저장된 경로를

입력 양식의 경우 서버와 관련된 기술을 알아야지 다룰수 있는 내용이 많아지지만 여기서는 입력 양식 태그 자체를 정리하는 입력 양식 태그 입력 양식 태그는 사용자에게 일정한 정보를 입력받고, 정보를 넣을 수 있는 공간을 만드는 태그이다. 입력 양식 태그는 태그를 사

공간 분할이 필요한 이유는 후에 공부할 css를 사용해 원하는 레이아웃을 구성 할수 있기 때문이다! 대표적인 공간 분할 태그에는 <div> 태그와 <span> 태그가 있다. (<div> 태그와 <span> 태그는 둘 다 일반 태그에서도 사용 가능)