HTML은...
Hyper Text Markup Language로 웹사이트의 구조물, 뼈대를 만드는 역할을 하는 언어임.
건축물로 따지면
HTML로 건축물을 만들고
CSS로 안의 내용물(침대, 소파...)등을 넣어서 꾸며주고
JavaScript로 건물의 기능을 만들어준다.(수도시설, 전기시스템 등등...)
첫 줄에는 문서의 종류를 알리기 위해 문서형식을 선언함.
DOCTYPE 정보가 없으면 웹에서 버전 정보를 잘 알 수 없고 문서를 잘못 해석할 가능성이 있음.
그래서 간단히 'DOCTYPE을 HTML로 한다.'
라는 식으로 문서 형식을 선언해주는 것임.
문서형식 선언 이외의 모든 구성은 하나의 요소들로 표현된다.
페이지 화면 상의 제목이라던지, 머리글부분, 몸통부분, 단락, 표 등등 하나하나의 구성요소 태그가 존재한다.
태그 이름엔 대소문자 구분이 없다.
요소엔 시작 태그 <태그이름>와 종료태그 </태그이름>을 둘 다 써주어야 하지만
<img>나 <br>같은 요소의 내용이 없는 경우는 종료 태그가 없어도 해석은 가능하다.
그래도 웬만하면 종료태그를 써주자... 혹은 시작태그에서 태그 이름 뒤에 /를 표시하여 <img />, <br /> 처럼
단독 태그로 만들어주면 종료태그를 굳이 적지 않아도 된다고 한다.
속성(Attribute)
요소에 추가정보를 준다.
추가정보에는 요소의 모양이나 링크 지점에 대한 정보 등을 담는다.
속성은
<table border="2"> ~~~~~ </table> 처럼 요소의 시작태그 안에 집어넣고,
속성의 이름과 속성값을 세트로 적는다. 속성과 속성값 사이에는 =을, 속성값에는 " "나 ' '를 사용한다.
물론 요소 하나에도 여러 속성을 가질 수 있고 그 속성들의 구분은 띄어쓰기로 구분을 한다.
'코딩공부' 카테고리의 다른 글
| 코틀린 배열, 제너릭, 클래스와 생성자, 스택과 (0) | 2025.04.15 |
|---|---|
| Kotlin - 터미널 계산 (0) | 2025.04.11 |
| 코틀린 기본 자료형과 연산, 조건문과 반복문, 함수 (0) | 2025.04.09 |
| 운영체제 (Operating System) (0) | 2025.03.04 |
| 쿠키, 세션은 무엇일까? (2) | 2023.09.27 |