오랜만에 강의를 올리네요!
이번에는 p 태그를 배워보겠습니다~
p 태그는 무슨 역할일까요?
p라는 이름만으론 뜻을 전혀 유추하지 못해서 다들 다양한 것을 상상하셨을거 같은데요~
p 태그는 "문단"을 만들 때 쓰는 태그입니다.
정말 많이도 이름을 줄였네요 ㅋㅋㅋ
아무튼 이 태그의 용도는 문단을 나누는 건데요,
p 태그로 글자를 감싸면 그걸 html이 한 문단으로 구분해줍니다.
말로만 하면 어려우니 직접 해볼까요?
일단 문단으로 나누기엔 글자가 너무 적으니 좀 더 적어보겠습니다.
이렇게 바꿨는데,
이미지를 기준으로 2문단으로 나눠보겠습니다.
p태그는 body 태그처럼 문단을 묶는 역할을 하지만 시각적인 변화가 눈에 보입니다.
이렇게 바꾸고 한번 볼까요?
이렇게만 보면 아무런 차이가 없는거같은데요,
p 태그를 넣지 않았을 때 어떻게 되는지 볼까요?
p 태그가 없으니 고기는- 이 문장이 이미지 옆으로 이동했네요.
br 태그를 따로 넣지 않아서 그렇습니다.
p 태그가 있으면 html에게 "이건 문단이고 다른거랑 구분해줘"라고 알려주기 때문에
html이 자동으로 이미지랑 분리됩니다.
감사합니다.
'웹코딩 > HTML' 카테고리의 다른 글
html 강좌 아이디어가 없네요 ㅋㅋ (8) | 2021.01.05 |
---|---|
html 5강ㅣhtml, head, body 태그 (7) | 2020.12.31 |
html 4강ㅣtitle 태그 (4) | 2020.12.30 |
html 3강ㅣimg 태그 (8) | 2020.12.29 |
html 2강ㅣbr 태그 (5) | 2020.12.27 |