이것저것스토리
HTML 기초 태그 <p> <ul> <li> <ol> 태그
TWOMAN
2022. 1. 21. 15:32
728x90
728x90
#HTML 기초 태그 <p>
단락(paragraph)은 <p> 태그로 정의됩니다. 단락이란 전체글을 내용에 따라 나눌 때, 하나하나의
짧은 글을 말합니다. 인터넷브라우저는 자동적으로 단락의 전후에 빈줄을 하나 추가합니다.
<p> 여기에 글을 씁니다. </p>
단락은 <p>로 열고 </p>로 닫습니다.
보통 <body> 안에 <p> 단락으로 글을 쓰고 </p> 단고, </body>로 닫아줍니다.
무조건 < >는 열었으면 닫아야 합니다.
<p>1번 글을 씁니다. </p>
<p>2번 글을 쓸까요? </p>
<p>3번 글을 쓰나요? </p>
이렇게 작성하면 1번과 2번 3번 줄사이에 여백이 한 줄씩 생깁니다.
새로운 단락을 시작하지 않고 줄 바꿈만을 원한다면 <br> 태그를 사용하면 됩니다.
<br> 태그는 종료태그가 필요 없이 그냥 <br> 태그만 넣어주면 줄 바꿈이 됩니다.
#HTML 기초 태그 <ul></ul>, <li></li>, <ol></ol>
번호 없는 리스트는 <ul> 태그로 시작합니다.
<ul>
<li> 번호 없는 1 제목 리스트 </li>
<li> 번호 없는 2 제목 리스트 </li>
<ul>
번호 있는 리스트는 <ol> 태그로 시작합니다.
<ol>
<li> 리스트 1 번호가 앞에 나옵니다 </li>
<li> 리스트 2 번호가 앞에 나옵니다 </li>
</ol>
리스트 항목 안에도 텍스트, 이미지, 링크 및 다른 리스트를 넣을 수도 있습니다.
728x90
728x90