html기초.html

<html>
<head>
    <title>앙기모띠 </title>
    <link href="style.css" rel="stylesheet"
    type="text/css" />
    <meta name="description" content="앙기모딲">
    <style>
      item{
        color: red;


      }

    </style>
 </head>
<body>
     <div class="item">안녕</div>
     <h1>안녕하세요</h1>
     <b>굵은 글씨</b>
     <i>기울은 글씨 </i>
     <p>안녕하세요 저는 공부중입니다.</p>
     <img src="https://imgur.com/gallery/YOpX9Ua" />
    
     <video src="https://www.youtube.com/watch?v=XNtTEibFvlQ&list=RDXNtTEibFvlQ&start_radio=1" controls >
        <a href="google.com">구글</a>
        <a href="facebook.com" target="_blank">페이스북</a>

        테두리그리는것
        <table border="1">
<thead>
    <!-- 테이블-->
 <tr>
  <th>이름</th>
  <th>나이</th>
 </tr>
</thead>
<tbody>
<tr>
<td>워니</td>
<td>3살</td>

</tr>

</tbody>

        </table>
 </body>

</head>
<body>
<!-- 목록 태그-->
<ol> odered list, unordered list 두개있음
<li>워니</li>
<li>제니</li>
</ol>

<head>
<!--구역을 나누는 태그-->
<div class="top">상단</div> block element
<div class="mid">중단</div>
<div class="bot">하단</div>
</head>
<span>은 </span> inline element
</body>

<body>
    <!-- 인풋 태그-->
 텍스트<input type="text" />
 체크박스<input type="chechbox" />
 라디오 <input type="color" />
 색깔 <input type="color" />
 여러문장 <textarea></textarea>
 드랍다운 <select name="name"
   <option value="워니">워니</option>
   <option value="제니">제니</option>
</select>
<form>
    <!--로그인 -->
 <input type="email" placeholder="이메일" />
 <input type="password" placeholder="비밀번호"/>
 <button type="submit">로그인</button>

</form>
</body>





</html>