[html] 태그

• •  

[Tag]

 

• 박스 vs 아이템
  
  
  : 박스는 안에 컨텐츠가 없다면 보여지지 않음. 아이템은 보임
  
  
• block level vs inline level
  
  
  : block은 한줄에 하나, inline 레벨은 공간이 있다면 이어서 쭉 == 줄바꿈 유무
  
  • inline ex) span, b, ...
  • block ex) div, ...
    
    
• 종류
  • div, span - 묶음? 영역설정.
    • div는 block, span은 inline 태그임
    • <div></div> <span></span>
      
      
  • a - anchor tag 링크 태그
    • <a href="주소" target=_blank>Click</a>
      
      
  • p - 문단 태그
    • <p>This is a sentence. That is...</p>
    • bold채 <b>태그
    • <p>This is a sentence. <b>That</b> is...</p>
      
      
  • list(ol vs ul) - 리스트 태그
    
    • ol : 순서가 있음
    • ul : 순서가 없음
    • li : ol이나 ul 안에 들어가는 리스트 구성요소
    • list할때 ul>li*3 + tab키 하면 3개만들어짐 (ol, li 다 가능)
      <ol> <li>1</li> <li>2</li> </ol>
      
      
  • input - 입력 태그
    • <input type="text"> // type은 file, button, password, checkbox 등등,, 가능
    • label과 같이 사용 (어떤 데이터인지 명시)
      <label for="">Name: </label>
      <input type="text">
      
      
  • nav - 네비게이션 역할의 링크 그룹을 담을 때 사용
    
    
  • header
    
    
  • section

 

참고 - 유튜브 드림코딩