HTML과 CSS는 프런트 엔드 기술의 중요한 구성 요소입니다. 이들의 협력은 페이지의 모양과 상호 작용 경험을 향상시키는 데 도움이 될 수 있습니다. 이 기사에서는 페이지 스타일 제어를 달성하기 위해 HTML을 CSS와 연결하는 방법을 소개합니다.
1. HTML 및 CSS에 대하여
HTML은 웹페이지의 기본 구조로, 웹페이지의 콘텐츠, 레이아웃, 태그 및 링크를 정의합니다. CSS는 집의 장식으로 이해될 수 있는 스타일 시트로 웹 페이지의 모양, 레이아웃 및 색상을 제어합니다.
2. HTML에 CSS 추가
HTML 문서에 CSS 스타일 시트를 추가하는 방법에는 내부 스타일과 외부 스타일이 있습니다.
내부 스타일은 <를 추가합니다. HTML 문서의
태그와 태그 사이에 CSS 스타일 코드를 작성합니다. 예:<html> <head> <title>My Website</title> <style> body { background-color: #f2f2f2; font-family: Arial, sans-serif; } h1 { color: #333333; } </style> </head> <body> <h1>Welcome to my website</h1> <p>This is the home page of my website</p> </body> </html>
위 코드에서