[HTML] 수평선과 공백 만들기

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test007.html</title>
</head>
<body>

<div>
	<h1> 수평선 넣기 / 공백 넣기</h1>
	<hr>
</div>

<div>
	수평선을 사용해보자
	<!-- size = 두께 -->
	<hr size = "20" color = "red">
	<br><br>
	
	음영선이 없는 수평선
	<hr size = "2", noshade = "noshade">
	<br><br>
	
	수평선의 수평 길이 설정
	<!-- 정렬 : align -->
	<hr size = "5" width = "400" align = "right">
	<hr size = "5" width = "200" align = "right">
	<br><br>
	
	수평선의 정렬
	<!-- 정렬 디폴트값 : 가운데 -->
	<hr size = "5" width = "50%" align = "left">
	<hr size = "7" width = "50%" align = "right">
	<hr size = "9" width = "50%" align = "center">
	<hr size = "9" width = "50%">
	<br><br>
	
</div>

<div>

	<!-- 공백은 Doc상 1칸밖에 안됨 -->
	공백 &nbsp; 공백<br>
</div>

<div>
	<font size = "1">F강의장 식구들 화이팅   </font><br>
	<font size = "2">F강의장 식구들 화이팅   </font><br>
	<font size = "3">F강의장 식구들 화이팅   </font><br>
	<font size = "4">F강의장 식구들 화이팅   </font><br>
	<font size = "5">F강의장 식구들 화이팅   </font><br>
	<font size = "6">F강의장 식구들 화이팅   </font><br>
	<font size = "7">F강의장 식구들 화이팅   </font><br>
	<font size = "8">F강의장 식구들 화이팅   </font><br> <!-- check  -->
	<font size = "9">F강의장 식구들 화이팅   </font><br> <!-- check  -->
	<font size = "10">F강의장 식구들 화이팅   </font><br> <!-- check  -->
	
	<font size = "4" color = "green">F강의장 식구들 화이팅   </font><br> <!-- check  -->
	<font size = "4" color = "#00ff00">F강의장 식구들 화이팅   </font><br> <!-- check  -->
	<font size = "4" color = "red" face = "궁서체">F강의장 식구들 화이팅   </font><br> <!-- check  -->

</div>



</body>
</html>

수평선과 공백 을 배워요

폰트 사이즈도 몇까지 되는 지 테스트 해봐요

색깔도 되는지 해봐요

신기할따름~~

728x90

저작자표시

'WEB Archive' 카테고리의 다른 글

[HTML] CSS 적용해보기 (0)	2024.08.20
[HTML] CSS와 Javascript함수 만들어보기 (0)	2024.08.20
[HTML] 글꼴 꾸미기 태그 (0)	2024.08.19
[HTML] pre, xmp 태그 (0)	2024.08.19
[HTML] 이미지 다뤄보기(img) (0)	2024.08.19