TIL#2 HTML 많이 쓰이는 태그들

사전스터디 1주차 과제로 html, css를 활용한 자기소개 웹페이지를 만드는 것을 하게 되었다. 웹페이지를 만들어 보면서 자주 쓰이는 태그들에 대해서 구글링이나 책을 통해서 공부를 하게 되었고, 이렇게 포스트를 한다.

<hn> 태그

제목 텍스트이다. 제목을 의미하는 heading의 h와 제목 크기를 나타내는 숫자 1~6을 사용해 표시한다.

<h1>제일크고진한글씨</h1>
.
.
.
<h6>제일작고연한글씨</h6>

<p> 태그

paragragh의 'p'를 사용한다. 텍스트 단락을 만드는데 사용한다. <p>로 시작하여 </p> 를 만날 때까지 한 단락이 된다.

<p>한단락</p>

<br> 태그

텍스트 단락에서 줄바꿈을 하더라도 웹페이지 상에서는 줄바꿈이 되어 있지 않다. 웹 브라우저 상에서 줄바꿈을 하려면 <br> 태그를 사용한다. <br>태그는 닫는 태그가 없다.

마크업할 때 사용하는 표기법을<br> 태그(tag)라고 합니다.

이렇게 <br> 태그를 썼다면 결과값은 다음과 같이 나온다.

마크업할 때 사용하는 표기법을
태그(tag)라고 합니다.

<ul> 태그와 <li> 태그

unordered list의 'ul'을 사용해 순서가 필요하지 않은 목록을 만들 때 <ul> 태그를 사용한다. <ul>태그 안에 list의 'li'를 사용한<li>태그를 사용해 각 항목을 표시한다. 이 경우, 각 항목 앞에 작은 원이나 사각형 같은 불릿(bullet)이 붙는다.

<ul>
	<li>항목</li>
    	<li>항목</li>
</ul>

<ol> 태그와 <li>태그

ordered list의 'ol'을 사용해 순서가 필요한 목록을 만들 때 <ol> 태그를 사용한다. <ul> 태그와 마찬가지로 <ol> 태그 안에 <li> 태그를 사용해 각 항목을 표시한다. 기본적으로 각 항목 앞에 1,2,3,...같은 숫자가 붙는데 <ol> 태그의 type 속성을 이용해 숫자의 종류를 조절할 수 있다.

<ol>
	<li>항목</li>
	<li>항목</li>
</ol>