HTML 태그 <hr>태그를 이용하여 수평선 만들기
<html>
<head>
<title>수평선 만들기</title>
</head>
<body bgcolor="#F8F2B1">
<xmp><hr></xmp>
<hr>
<xmp><hr size=30></xmp>
<hr size=30>
<xmp><hr size=20 width=30% noshade></xmp>
<hr size=20 width=30% noshade>
<xmp><hr size=30 width="150px" align="lefft"></xmp>
<hr size=30 width="150px" align="left">
<xmp><hr size=30 width="150px" " align="right" noshade></xmp>
<hr size=30 width="150px" align="right" noshade>
<xmp><hr color="F0000" size="50" width="200px" align="center"></xmp>
<hr color="#FF0000" size="50" width="200px" align="center">
<xmp><hr>속성들</xmp>
<xmp><size> 속성은 선의 두께를 조절한다.</xmp>
<xmp><width> px, % , 길이 조절을 한다</xmp>
<xmp> 절대크기 : <hr width="30" > 브라우저의 크기와 상관없이 30px로 적용된다.</xmp>
<xmp> 상대크기 : <hr width="30%"> 브라우저의 크기에 따라 30%로 적용하여 보여진다.</xmp>
<xmp><align="ldft, right, center">> 위치를 조절할 수 있다.</xmp>
<xmp><hr noshade> 음영이 없는 선으로 적용된다</xmp>
</body>
</html>
'코딩공부 html' 카테고리의 다른 글
| [코딩]무작정 따라하는 유튜브 동영상 코딩강좌 HTML 태그 (0) | 2018.12.13 |
|---|---|
| <hn>제목 태그 익히기 (0) | 2010.08.20 |
| HTML태그 사전방식 선언태그 만들기 (1) | 2010.08.20 |
| HTML태그 목록태그 리스트 태그 <LI> 적용하기 (0) | 2010.08.20 |
| HTML태그 순서 없는 목록 <ul></ul> 적용하기 (0) | 2010.08.20 |
