HTML <div> 태그 : 블럭 태그(Division)
<DIV> HTML 태그는 웹페이지의 페이지의 레이아웃(섹션,단락,문단,블럭등)을 정의하는 데 사용되며 <div> 태그를 사용하면 HTML 내용의 많은 부분을 그룹화 할 수 있습니다.
<DIV> HTML 태그의 속성은 CSS 스타일을 적용 합니다.
<div align="">텍스트내용</div> 또는 <div style="">텍스트내용</div>
<span style="">텍스트내용</span>
div 태그는 줄바꿈을 하지만 span 태그는 줄바꿈,한줄 띄우는 기능이 없습니다.
<div> 태그 예제
<html>
<head>
<title>html div 태그 예제샘플</title>
</head>
<body>
<h1>div 태그의 예제샘플입니다</h1>
<p>
<DIV>
<P><SPAN>클라이언드 정보</SPAN>
<TABLE class="cdata">
<TR><TH>성명:<TD홍길동</TR>
<TR><TH>이메일:<TD>xx@xx.xx</TR>
<TR><TH>Tel:<TD>(000) 111-1212</TR>
</TABLE>
회원의 이름은 홍길동입니다.
</DIV>
</body>
</html>
<div> 관련 태그
<div> 태그 속성
align : 콘텐츠 정렬을 지정합니다.
class : 문서의 요소를 식별합니다.
dir : HTML의 일세 속성은 HTML 문서의 요소 안에있는 텍스트의 방향을 설정합니다.
id : 문서의 요소를 식별합니다.
lang : 요소의 내용의 언어를 지정합니다.
style : 요소에 대한 인라인 스타일을 지정합니다.
title : 문서에 대한 제안 제목은 열 수 있습니다.
<div> 태그 이벤트
onclick : 마우스 클릭에서 스크립트가 실행됩니다.
ondblclick : 마우스를 두번 클릭에서 스크립트가 실행됩니다.
onmousedown : 스 버튼을 누를 때 스크립트가 실행됩니다.
onmouseup : 마우스 버튼이 버튼이 누른후 스크립트가 실행됩니다.
onmouseover : 마우스 포인터가 요소 위에 이동할 때 스크립트가 실행됩니다.
onmousemove : 마우스 포인터가 이동할때 스크립트가 실행됩니다.
onmouseout : 마우스 포인터가 요소에서 이동할 때 스크립트가 실행됩니다.
onkeypress : 키를 누르면 스크립트가 실행됩니다.
onkeydown : 키를 눌렀을 때 스크립트가 실행됩니다.
onkeyup : 키가 누른후에 스크립트가 실행됩니다.
'HTML 태그' 카테고리의 다른 글
WRITTEN BY
- white_rabbitstar
html대학에서는 html 태그,html5 신규태그,css등 모든 속성,이벤트,속성값을 정리하여 앞으로 열심히 글을 올리 겠습니다.
