사전스터디 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>