태그 a.k.a 요소
태그는 HTML 페이지에서 객체를 만들 때 사용한다. 또한 이로 인해 만들어진 객체를 요소라 한다.
예시는 아래와 같다.
<h1>Hello world!</h1>위의 예시에서 h1 부분은 시작 태그, /h1 부분은 끝 태그로 구분된다.
일반적인 HTML 태그의 경우 시작 태그와 끝 태그를 별도로 입력하지만 일부 태그의 경우 시작 태그와 끝 태그가 함께 입력된다. 이럴 경우 아래와 같이 작성된다.
<br />혹은 아래와 같이 입력하기도 한다.
<br>일반적으로 후자에 비해 전자가 더 많이 이용되므로 전자를 기준으로 앞으로 설명하겠다.
태그의 성격에 따라 갈리나, 일부 태그는 태그 내부에 다른 태그를 아래와 같이 넣을 수 있다.
<article>
<h1>My Header</h1>
<p>My phrase</p>
</article>속성
태그에 추가적인 정보를 부여할 때에는 속성을 사용한다. 속성은 아래와 같이 사용한다.
<h1 title="header">Hello World</h1>내부 문자를 갖지 않는 태그 또한 아래와 같이 속성을 이용할 수 있다. 대표적인 예시인 img 태그는 그림을 만들 때 사용하며, 이 img 태그의 속성 중 하나인 src 속성은 출력 이미지를 지정한다.
<img src="myImage.png" />주석
프로그램이나 웹의 규모가 커질 때 코드의 스파게티화나 코드를 읽기 힘들게 되는 것을 방지하기 위해 입력하는 실행에 영향을 미치지 않는 구문이다.
아래와 같이 입력하면 된다.
<!-- 주석 -->실제로는 아래와 같이 이용된다. 아래 구문을 이해하지 못하더라도 관계 없으니 이렇게 사용되는 구나 같은 느낌을 이해하고 넘어가자.
<!DOCTYPE html>
<html>
<head>
<!-- title tag-->
<title>My Title</title>
</head>
<body>
<!-- h1 tag-->
<h1>My H1</h1>
</body>
</html>
개발자 망생이