[CSS] a/p 태그 비교

a / p 태그 비교

 

✅ <a> 태그 (Anchor Tag)

• 링크를 만들 때 사용하는 태그야.
  
  
• 다른 웹페이지, 파일, 이메일 등으로 연결할 수 있어.
  
  
• href 속성이 필요해 (Hypertext REFerence)

html

 

구글로 이동

 

👉 이걸 누르면 구글로 이동해.

---

✅ <p> 태그 (Paragraph Tag)

• 단락을 만들 때 사용해.
  
  
• 웹페이지에서 본문 내용을 쓰는 기본 블럭이야.

html

 

<p>이것은 문단입니다.</p>

 

💡 참고로…

• <a>는 인라인 요소라서 텍스트 줄 안에 들어갈 수 있어.
  
  
• <p>는 블록 요소라서 항상 새 줄에서 시작해.

 

• 링크 위에 마우스 올리면 색깔 변경됨

 

a:hover {

  color: darkorange;

}