HTML - 블록

2084 단어
HTML 블록 수준 요소
HTML
요소
요소는 블록급 요소로 문서의 레이아웃을 만드는 역할을 하며 문서를 독립적이고 다른 부분으로 분할할 수 있습니다.IOS의 뷰와 비슷합니다.id나class를 사용하여
를 표시하면view에 tag값을 추가하는 것과 같이
라벨을 더욱 효과적으로 표시할 수 있습니다.
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title> This is my HTML</title>
</head >
<body >
    <div style="color:#00FF00">
      <h4>This is a header</h4>
      <p>This is a paragraph.</p>
</div>
</body>
</html>

HTML 요소
요소는 인라인 요소로 CSS와 함께 사용할 때 텍스트에 스타일 속성을 설정하는 데 사용됩니다. 탭은 문서의 인라인 요소를 조합하는 데 사용됩니다.
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title> This is my HTML</title>
    <!--   div  、  、   -->
    <style type="text/css">
        div#container{background-color:#EEEEEE;width: 500px}
        div#header{background-color: #99bbbb;}
        div#menu{background-color: #ffff99;height: 200px;width: 150px;float: left;}
        div#content{background-color: #EEEEEE;height: 200px;width: 350px;float: left;}
        div#footer{background-color: #99bbbb;clear: both;;text-align: center;}
        h1 {margin-bottom:0;}
        li {list-style:none;}
    </style>
</head >
<body >
    <div id="container">
        <div id="header">
            <h1>Web Page</h1>
        </div>
        <div id="menu">
            <h2>Menu</h2>
            <ul>
                <li>Objective-C</li>
                <li>Java</li>
                <li>PHP</li>
            </ul>
        </div>
        <div id="content">
                  
        </div>
        <div id="footer">
            Copyright readygo.com
        </div>
    </div>
</body>
</html>

좋은 웹페이지 즐겨찾기