HTML 기본 용어
- 요소: HTML페이지를 구성하는 각 부품(=JS에서는 객체라고도 함)
- 태그: 이러한 요소를 만들 때 사용하는 작성 방법
- 속성: 태그에 추가 정보를 부여할 떄 사용하는 것
HTML기본형태
| 요소 구분 | 형태 |
|---|---|
| 내용을 가질 수 있는 요소 | <요소이름>내용</요소이름> |
| 내용을 가질 수 없는 요소 | <요소이름> |
//웹브라우저에 HTML문서라는 것을 알리기 위해 반드시 첫행에 !! <!DOCTYPE html> //모든 HTML페이지의 기본요소로 모든 태그는 이 html태그 내부에 작성 <html> //body태그에 필요한 스타일 시트와 js를 제공 <head> //웹브라우저에 표시하는 제목을 지정 <title>HTML5</title> </head> //사용자에게 실제 보이는 부분을 작성하는 곳 <body> <h1>Hello World..!</h1> </body> </html>
스타일 시트
- 내부 스타일 시트
<!DOCTYPE html> <html> <head> <title>HTML Basic</title> <Style> h1{ //글자색 color:white; //배경색 background:black; } </Style> </head> <body> <h1>Hello World..!</h1> </body> </html> - 외부 스타일 시트
<!DOCTYPE html> <html> <head> <title>HTML Basic</title> //외부 CSS파이를 불러와서 사용 <link rel="StyleSheet" href="Style.css"> </head> <body> <h1>Hello World..!</h1> </body> </html>
자바스크립트
- 경고창
<!DOCTYPE html> <html> <head> <title>HTML5 Basic</title> <script> //경고창 출력 alert('Hello JavaScript..!'); </script> </head> </html>
Plus+
- html태그는 열었으면 꼭 닫아야 함
ex) <h1> </h1>- 스타일 시트와 자바 스크립트는 내부와 외부가 나눠져 있는데 내부는 head태그안에서 작성하는 것이고 외부는 외부에 다른 파일을 만들어 그걸 head태그 안에 불러 오는 것을 외부라고 한다
Hi!