무엇을 공부하든 기본적, 필수적 용어들의 개념을 알고 가는게 도움이되는 것 같아
HTML에서도 기본적인 용어들의 개념을 간단하게 정리하고 넘어가겠다!😊
HTML이란?
Hypertext Markup Language의 줄임말로 웹페이지를 표현하는데 사용하는 마크업 언어이다.
즉, 웹프라우저가 HTML 문법을 해석하여 웹페이즈를 통해 보여주는 것이다.
웹페이지에 무엇을 어디에 배치할 것인지 '구조화'하는
1. 태그와 요소 😉
태그는 HTML페이지에서 '객체'를 만들 때 사용 하는 것을 말하고, 태그로 만들어진 객체는 웹페이지를 이루는 요소라고 말할 수 있다. 실제로 대부분 요소와 태그를 따로 구별하지 않으므로 "요소를 생성한다"는 말은 "태그를 생성한다"라는 말과 같다고 할 수 있다.
1) 표기 방법
시작 태그와 끝 태그를 <>안에다가 입력하고 출력하고자 하는 출력문 앞뒤로 적어주면 된다.
밑에는 hello_hi라는 내용(콘텐츠)을 출력하기 위해 h1태그를 생성하는 간단한 코드이다.
실제로 h1태그를 통해 hello_hi라는 글자가 생성된 것을 알 수 있다.
2) 알아두기
일부 태그는 태그 내부에 또 다른 태그를 넣을 수도 있다(100% 모든 태그가 넣을 수 있는 것은 아니다)
또한 단독으로 사용되는 태그의 경우 시작 태그안에 끝 태그를 함께 넣어 사용하는 방법도 있다.
2. 속성 😉
속성은 태그에 추가적인 정보를 넣을 때 사용한다. 속성의 경우 임의로 입력하는 것이 아닌 표준으로 정의해 놓은 것을 따른다. 표준으로 사용하는 태그의 속성도 공부해가면서 차차 알아보도록 하겠다.
1) 표기 방법
시작태그 '<>'안에 속성이름과 속성값을 =로 연결시켜서 넣어주면 된다. 속성 값에는 큰따옴표(" ")도 사용해주어야 된다는 것을 잊지말자!
다음 예시는 h1태그에 title이라는 속성과 header이라는 속성값을 넣어서 추가정인 정보를 넣은 것으로 볼 수 있다.
3. 주석 😉
주석 자체는 프로그램의 실행에는 영향을 미치지않고 부가적인 설명을 넣기 위해 사용된다.
어떤 언어든 프로그래밍을 하는데 주석이 빠질 순 없다. HTML의 주석은 다음과 같다.
<!-- 주석 -->
