[HTML] Tag ; body, br, button
Web Design/HTML & HTML 52018. 5. 8. 15:30
[HTML5] Tag ; body, br, button
B07. [ body ]
☞ 정의 : body요소는 문서의 메인 컨텐트를 나타냅니다.
☞ 설명
- HTML문서는 머리 부분(<head> ... </head>)과 본문 부분(<body> ... </body>)으로 나눌 수 있는데 본문 부분에 해당합니다.
- 올바른 문서에서는 하나의 body요소만이 존재해야 합니다.
example:
<html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html>
B08. [ br ]
☞ 정의 : br요소는 단락에서 텍스트를 강제로 줄바꿈 합니다.
☞ 설명
- br요소는 시나 주소같이 실제 내용의 일부인 경우에만 사용합니다.
- br을 표현적 요소를 사용해서는 안됩니다.
-문단을 구분하기 위해 <br />태그를 연속으로 사용하는 것은 바람직하지 않으며 <p>태그를 사용하도록 권장하고 있습니다.
example:
This text contains<br>a line break.
This text contains
a line break.
B09. [ button ]
☞ 정의 : button요소는 버튼을 생성합니다
☞ 속성
- autofocus : 페이지를 로드할때 해당 요소가 자동으로 포커스를 받도록 지정합니다.
- disabled : 포커스, 선택, 변경 등의 조작이 불가능하게 하고 데이터도 서버에 전송하지 않는다. 불리언 속성입니다.
- name= "이름" : 버튼의 식별자를 지정합니다.
- type= 버튼의 종류를 지정합니다. ◦submit : 폼을 제출합니다. 기본값입니다.
- reset : 폼을 리셋합니다.
- button : 아무것도 하지 않습니다.
- value= "값" : 전송되는 데이터의 초기값 지정합니다.
☞ 설명
- input요소로 생성하는 버튼과 같지만, 이미지나 텍스트등을 포함하고 있어 유연한 디자인이 가능합니다.
example :
<!DOCTYPE html>
<html>
<body>
<h2>The Button Element</h2>
<button type="button" onclick="alert('Hello world!')">Click Me!</button>
</body>
</html>
'Web Design > HTML & HTML 5' 카테고리의 다른 글
| [HTML] Tag ; code, col, colgroup, command (1) | 2018.05.29 |
|---|---|
| [HTML] Tag ; canvas, caption, cite (0) | 2018.05.10 |
| [HTML] Tag ; bdo, big, blockquote (0) | 2018.05.08 |
| [HTML] Tag ; b, base, bdi (0) | 2018.05.08 |
| [HTML] Tag ; aside, audio (0) | 2018.05.08 |
