▣기본 서식 관련 태그
이번 시간에는 기본 서식 관련 태그에 대하여 알아보겠습니다.
(1) 문단 관련 태그
▷ <p> 태그
<p>내용</p>
본문에서 단락을 구분할 때 사용하는 태그로 </p> 태그 다음에 오는
내용을 줄을 바꿔 한단락 공간을 띄어줍니다.
(줄바꾸기하는 br태그를 두번 한 효과나 아래한글에서 엔터한 효과)
글이쓰여지고 실제로 그밑의 한줄이 더 비워진다고 생각하면 됩니다
여기에 정렬방식의 속성인 align이 있고
속성값으로는 center, right, left가 있죠
<p align=right>문단 관련 태그 연습<p>이런 형식이죠
문단을 오른쪽에 붙여서 쓰여지게 해줍니다.
▷ <div> 태그
<div>내용<div>
<p>의 사용과 비슷하지만 마지막에 공간을 띄어주지는 않습니다.
그다음 한줄을 비우지 않는다는 얘기죠
▷ <span> 태그
<span>내용</span>
<div>보다 더욱 작은 범위로 줄바꿈도 하지 않습니다.
다만 </span>까지의 내용을 단순히 묶어주는 기능을 합니다.
▷ <br> 태그
내용쓰고 줄 바꿀 곳에<br>
문서의 줄을 바꿀 때 사용합니다.
Enter의 역할이라고 생각하면 됩니다.
종료태그 없이 단독으로 쓰입니다.
▷ <center> 태그
<center>내용</center>
글이 본문의 중앙에 오게 배치할때 쓰입니다.
다만 마지막에 줄바꿈을 합니다.
<div align=center>내용</div>과 비슷한 효과입니다.
▷ <hr> 태그
수평선을 그을때 사용됩니다.
<hr>에도 속성과 속성값을 줄 수 있습니다.
size :수평선의 두께을 지정 (수치)
width :수평선위 넓이를 지정 (수치 또는 %)
color :색깔을 지정 (색상명 또는 색상코드번호)
align :수평선을 문단의 왼쪽,중앙,오른쪽에 배치(left, center, right)
속성을 전부 쓸 필요 없이 필요한 것만 아래와 같이 사용함.
<hr color=red size=50>
▷ <big> 태그
<big>내용</big>
폰트를 기본 글꼴보다 한 단계 크게 나타낼때 사용합니다.
▷ <small> 태그
<small>내용</small>
big의 내용과 반대되는 성질입니다.
▷ <pre> 태그
<pre>
내용을
보이는대로
보여주기
</pre>
br태그 등 줄바꾸기 태그없이 엔터하여 있는 모양대로 보여줍니다.
html에서는 엔터를 쳐도 안된다고 하였는데 이 태그를 쓰면 가능함.
(2) 기타 글자 관련 태그