HTML5 동영상강좌 바로가기

HTML 태그 - menu

본문

 

HTML 태그 - menu

<menu>태그는 메뉴의 속성을 가지는 목록을 표현할 때 사용합니다. 이 태그는 html4에서는 사용을 권장하지 않았으나 html5에서 다시 추가되었습니다.

속성

type : 메뉴의 종류를 지정합니다. 사용되는 값은 context, list, toolbar입니다.

label : 메뉴의 이름을 지정합니다. 

 

샘플

<!DOCTYPE html>
<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <meta name="author" content="코리아뉴스" />
 <title> html공부 </title>
 <link rel="stylesheet" type="text/css" href="default.css" / >
 <style type="text/css">
 body {
  color:red;
 }
 </style> 
 </head>
 <body>    
          <menu type="toolbar">
  <li>
  <menu label="File">        
   <button type="button" onclick="new()"> 새로만들기</button > 
   <button type="button" onclick="save()"> 저장하기</button > 
   <button type="button" onclick="exit()"> 끝내기</button > 
  </menu> 
  </li>
  <li>
  <menu label="Edit">        
   <button type="button" onclick="copy()"> 복사하기</button > 
   <button type="button" onclick="cut()"> 짜르기</button > 
   <button type="button" onclick="paste()"> 붙여넣기</button > 
  </menu> 
  </li>
  </menu>
  <div id="related">
   <p>영역 </p>
  </div>
  <footer>
     <address> 전화 : 031-574-3659, E-mail : master@koreanews.com </address> 
                           Copyright ⓒ 2013 Koreanews co.,  All Rights Reserved.
  </footer>     
 </body> 

</html> 

  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기


HTML5 동영상강좌 바로가기