What is HTML?
HTML : HyperText Markup Language
- 하이퍼 텍스트와 콘텐츠를 표시해주는 언어
- 웹페이지의 콘텐츠를 정의하기 위해 사용하는 언어
- 확장자는 html or htm
- 텍스트 에디터를 통해서 코드를 작성하고 웹브라우저로 표시 가능
기초 문법
html은 언어이지만 프르그르믕 은으는 으늡느드...
tag
- html 코드에서 콘텐츠를 정의하는 형식
사용법
- <>와 </> 기호를 사용하여 시작과 끝을 표시
- < tagName > contents... < /tagName >
- < tagName/ > or < tagName > (단일 태그)
속성
- < tagName property="value" > contents... < /tagName >
- < tagName property="value"/ >
주석
- < !-- 주석 내용~~~ -- >
예시
기본 구조
< !DOCTYPE html >
- 문서의 첫 부분에서 문서 유형을 지정하는 태그
- 현재 표준으로 사용되고 있는 html 버전을 사용하기 위해 적어주는 타입이 'html'
< html > < /html >
- 문서 유형을 지정한 후 실제 문서가 시작되고 끝나는 것을 나타내는 태그
< head > < /head >
- 출력되는 데이터는 아니지만 웹브라우저가 알아야할 정보들이 모두 들어감
< meta charset="utf-8" >
- 문자 인코딩 및 문서 키워드 등에 대한 요약 정보를 기입하는 단일 태그
- 아스키 코드는 영어만 표현이 가능하므로 다른 언어를 사용하기 위해서는 유니코드가 필요
- 그러기 위해서는 utf-8 방식을 사용
< title > ~ < /title >
- 문서의 제목을 나타냄
- 브라우저 탭에 표시
< body > ~ < /body >
- 실제 브라우저 화면에 표시될 내용을 입력하는 태그
- 텍스트를 표현하는 태그
- 이미지를 표시하는 태그
- 각종 사용자 인터페이스(버튼, 입력란, 드롭다운 메뉴 등)를 나타내는 태그
예시
텍스트 태그
< p > < /p >
- 문단 요소를 나타내는 태그
- 문단과 문단 사이에는 공백이 존재
- & nbsp;를 이용하여 문단안에 공백을 여러번 사용 가능하다
- 스페이스 공백은 한 번씩만 허용됨
< hN > < /hN > ( N = 1~6)
- 제목(표제) 요소를 나타내는 태그
- N이 1일 때 가장 크고 6일 때 가장 작다
< hr >
- 수평선을 표시하는 단일 태그
< br >
- 개행을 수행하는 단일 태그
예시
1717177