head: 페이지 속성 정의, 필요한 스크립트 불러옴 body: 본문내용 예시 나는 구역을 나누죠 나는 문단이에요 bullet point!1 bullet point!2 h1은 제목을 나타내는 태그입니다. 페이지마다 하나씩 꼭 써주는 게 좋아요. 그래야 구글 검색이 잘 되거든요. h2는 소제목입니다. h3~h6도 각자의 역할이 있죠. 비중은 작지만.. span 태그입니다: 특정 글자를 꾸밀 때 써요 a 태그입니다: 하이퍼링크 img 태그입니다: input 태그입니다: button 태그입니다: 버튼입니다 textarea 태그입니다: 나는 무엇일까요? reference Chat GPT 스파르타코딩클럽_웹개발 종합반_강의노트

Tag란? : HTML등의 마크업 언어의 가장 기본적 속성으로 웹페이지 구조 정의 사용방법 내용 종류 h1: 제목, h6 까지 있음 p: 문단 나누기 a: 하이퍼링크 img: 이미지 ul: 리스트, 중간 li: 리스트, 최하위 ol: 리스트, 최상위 div: 내용 나눔 span: 특정 글자 꾸미기 hr: 구분선 br: 줄바꿈 input: 사용자 입력란 script: JS 언어로 된 명령 referance Chat GPT

HyperText Markup Language : 웹 페이지/애플리케이션을 만드는데 사용되는 표준 마크업 언어 Web page의 뼈대를 구성하는 역할. Tag를 사용하여 웹 브라우저에서 랜더링(코드를 시각화 하는 작업) 진행. Referecne Chat GPT

HTML, CSS를 이용하여 정적 Web Page 구성 HTML의 태그로 전체 뼈대를 설정하고, CSS로 디자인 관련 기능을 수행가능 web editor 'visual studio code' 사용 확장 기능 'Live Server'를 사용하여 editor 수정 내역이 바로 창에 보이게 이용 가능 'Google Fonts' 사용하여 폰트 조절 '부스트렙' 사용하여 버튼, 창 등의 UI object 삽입 가능 단축키: shift + option + F 들여쓰기 자동정렬