HTML의 다양한 태그를 알아보자

코드

  • <a>, <p>, <ol>, <li>, <input>, <label>, <span>, <div>, <b>

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <a href="http://google.com" target=_blank>a는 링크연결이다.</a>
  
  <p> p는 문단 작성시작을 의미하는것이다.<b>굵게</b> 문단이 나뉘지 않는다.</p>
  <p> span은 무슨 종류일까 <span> 인라인</span> 이다.</p>
  <p> div는 무슨 종류일까 <div>블락</div> 이다. </p>
  
  <ol type="i">ol은 번호가 매겨진 리스트다.
    <li>1번이다</li>
    <li>2번이다</li>
    <li>3번이다</li>
  </ol>
  <ul>ul은 점이 박힌 리스트이다.
    <li>content</li>
    <li>content</li>
    <li>content</li>
  </ul>
  
  input은 사용자에게 입력받는 것이다.
  <label for="input_name">이름 입력:</label>
  <input id="input_name" type="text">
  label과 input은 묶어서 쓴다. 
  <label for="input_name">이름 입력:</label>
  <input id="input_name" type="checkbox">
  <label for="input_name">이름 입력:</label>
  <input id="input_name" type="button">
  
  
</body>
</html>

결과

댓글 쓰기