<hr/>
<hr/>태그는 괘선을 나타내는 태그!
[속성]
color - 괘선의 색상 지정(style로 적용)
size - 괘선의 두께지정 (숫자만_
width - -괘선의 가로폭 지정 (숫자 또는 %로지정가능)
align-left,right,center 가운데정렬이 기본
위 속성 지정 시 웹표준에 어긋남(크로스 브라우저)
css로 지정
종료태그가 없음..
block element
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HR04.html</title>
</head>
<body>
<h2>hr 태그연습</h2>
<div style="background-color: yellow;width:600px">
<h3>hr 기본태그</h3>
<hr/>
<h3>괘선의 색상 지정</h3>
<!-- 웹 표준에 어긋남
<hr color="red"/>
-->
<hr style="background-color: red ; height:1px"/>
<h3>괘선의 두께 지정</h3>
<!-- 웹 표준에 어긋남
<hr size="30"/>
-->
<hr style="height:30px"/>
<h3>괘선의 가로폭 지정</h3>
<!-- 웹 표준에 어긋남
<hr width="50%"/>
-->
<hr style="width:50%"/>
<h3>괘선의 정렬</h3>
<!-- 웹 표준에 어긋남
<hr width="50%" align="right"/>
-->
<hr style="width:50%; margin-right: 0;" />
<hr2>다음 중 웹 브라우저가 아닌 것은 ?</hr2>
<hr/>
<ul style="list-style:upper-roman;">
<li>크롬</li>
<li>파이어 폭스</li>
<li>익스프롤러</li>
<li>오페라</li>
<li>사파리</li>
</ul>
</div>
</body>
</html>hr 태그연습
hr 기본태그
괘선의 색상 지정
괘선의 두께 지정
괘선의 가로폭 지정
괘선의 정렬
- 크롬
- 파이어 폭스
- 익스프롤러
- 오페라
- 사파리
'학원 > HTML5' 카테고리의 다른 글
| 10/27 30-3 IMG태그 (0) | 2022.10.27 |
|---|---|
| 10/27 30-1 P/DL/UL/OL 태그 (0) | 2022.10.27 |
| 10/26 29-5 HTML5(Hn) (0) | 2022.10.26 |
| 10/26 29-3 HTML5 (TextBasic) (0) | 2022.10.26 |
| 10/26 29-2 HTML5 (들어가기) (0) | 2022.10.26 |