HTML 기초

HTML

웹 페이지의 구조를 만드는 마크업 언어. 태그들을 활용해 구성.

• 태그를 열고 닫는 구조 ex) <div></div>
• 태그 내부에 내용이 없다면 <div />로 표현

태그 종류

• html : html 문서 전체를 감싸는 태그
• head : 머리말. CSS, JavaScript 연결.
• meta : 문서의 다양한 정보 제공
• title : 타이틀바에 입력될 내용
• script : 외부 js 파일 연결, JavaScript 코드 입력
• body : 본문. 웹페이지에 보여지는 부분
• p : 단락 구분. html에서는 엔터로 줄바꿈 못함
• br : 줄바꿈
• b : 굵은 글씨
• i : 기울어진 글씨
• h : 1 ~ 6까지 있음 h1, h2... 숫자가 낮을수록 글씨가 크다
• hr : 선을 긋는다.
• div : 웹페이지 레이아웃을 만들 때 사용. 블록 생성.
• span : 인라인 요소. 스타일을 부여하거나, 값을 지정할 때 사용.
  div는 한 줄을 모두 차지하지만 span은 해당 요소만큼만 공간 차지
• img : 이미지를 가져온다. src: 이미지 주소 alt: 이미지에 해당하는 문자열
• input : 입력창 생성
• button : 버튼 생성
• form : 데이터 전송. action: 데이터 전송할 url method: 데이터 전달방식 선택
• a : 다른 주소로 이동. `
• ul : 번호 없는 리스트
• ol : 번호 있는 리스트
• li : ul 또는 ol 안에서 사용되는 리스트