Study/Frontend

[HTML&CSS] 태그

david95j2 2020. 11. 25. 21:03

 

 

태 그 내 용 비 고
<img src="" alt=""> 이미지 삽입 닫는 태그 없음
<br> 줄 바꿈 닫는 태그 없음
<b>진하게 표시할 텍스트</b> 볼드 처리  
<em>강조할 텍스트</em> <em> 태그를 사용하면 대부분의 브라우저에서는 텍스트를 기울어진 이탤릭체  
<strong>중요한 텍스트</strong> <strong> 태그는 대부분의 브라우저에서 굵은 글씨로 표시 단순 강조보다 더 중요한 텍스트에 사용

 

순서대로 <b> <em> <strong>

 

/* 박스의 바깥쪽 여백 */
    margin-top:10px;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:10px;
    margin: 10px; /* 위 4줄과 의미가 같다. */
    
    /* 박스의 안쪽 여백 */
    padding-top:10px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;
    padding:10px; /* 위 4줄과 의미가 같다. */

 

<!-- img, a, span 은 기본적으로 display가 inline 이다. -->