본문 바로가기

programing/HTML,CSS

HTML(3)

안녕하세요 해커지망생입니다. 오늘 배워 볼 것은 p 태그 , ul태그 li태그 입니다.

<p></p> 태그

이 태그는 바로 문단을 나눌때 사용을 하는 것 입니다. 바로 소스코드를 통하여 보겠습니다.

이렇게 코드를 짜고 실행을 시켜 보겠습니다.

실행결과

이제 다음 태그를 배워보겠습니다.  

 

ul태그

이 태그는 바로 우리가 다음에 배울 li태그의 부모 태그 입니다. li태그는 리스트를 정렬해주는 태그 입니다. 그러니 ul 태그는 li태그 그룹을 묶어 주는 역할을 한다고 볼 수 있습니다. 

 

 

li태그

이 태그는 목록을 정렬해 주는 역할을 하는 태그 입니다.ul태그를 같이 사용하여 소스코드를 살펴보겠습니다.

 

 

 

 

 

이렇게 코드를 짤수 있습니다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

이렇게 할 경우 리스트 형태로 나뉘어 출력을 하는 것을 볼 수 있습니다.

'programing > HTML,CSS' 카테고리의 다른 글

HTML(4)  (0) 2020.12.13
HTML(2)  (0) 2020.12.09
HTML(1)  (0) 2020.12.09