- HTML : Hyper Text Markup Language
1) HTML이란?
- 웹 페이지를 만들기 위한 언어
- 웹페이지 구조를 잡는다
- HTML 파일은 이미지, 텍스트, 비디오, 버튼... 등 웹 사이트에 보여줄 내용을 구성한다.
- 웹 페이지는 HTML 문서라고도 불리며, HTML 태그들로 구성됩니다.
2) 확장자
- HTML파일 : .html 확장자가 붙은 텍스트 파일
- 예) ex.html, index.html
3) html과 브라우저
- 브라우저(크롬/파이어폭스...)만 있으면 HTML로 작성한 것을 확인 할 수 있다.
4) html에 필요한 최소 태그
- <html>
- <head>
- <body>
5) html의 태그 문법
- [시작 태그] 내용 [끝 태그]
- <p> 블라블라블라 </p>
6-1) tag : 태그
- html에서 이미지나 텍스트를 그려주려면 이에 맞는 태그가 필요!!!
- 태그는 '<>'로 감싸져 있어야한다.
- <태그이름> 내용 </태그이름>
6-2) tag 특징
- 태그는 시작하면 꼭 끝맺음을 해야합니다
- 예) <p></p>, <h1></h1>
6-3) 끝이 없는 tag
- 시작과 동시에 종료되는 태그 존재
- 예) <img>, <br>
7) Element : 요소
- 시작 태그와 끝 태그 안에 있는 내용이 있는 구조!!
- 요소 : <태그> 내용 </태그>
- 예) <h1></h1>, <img src="me.png">
8) attribute : 속성
- 속성 : 시작 태그에 위치하며... 한 태그에 여러 속성을 지정할 수 있다.
- div, a, img... : 태그
- class, href, src, alt : 속성
- <태그이름 속성>내용 </태그이름>
- 예)
<div class="title">시작!</div>
<a href="https://naver.com">네이버로 이동</a>
<img src="./me.png" alt="내사진" />
개발자 매뉴얼