2속성 모두 HTML에서 링크나 리소스를 참조할 때 사용하는 속성입니다.두 속성 모두 경로를 지정하는 역할을 하지만, 사용하는 요소와 목적이 다릅니다. src (Source)src 속성은 이미지, 비디오, 오디오, 프레임 등과 같은 외부 리소스를 포함할 때 사용됩니다.해당 요소가 로드될 때 실제 콘텐츠를 가져올 위치를 지정합니다. 예1 : 이미지(img) src="image.jpg"는 이미지를 가져올 파일 경로를 지정합니다.alt="설명"은 이미지를 불러오지 못할 때 보여줄 대체 텍스트입니다. 예2 : 비디오(video) src="video.mp4"는 비디오 파일의 경로를 지정합니다.controls 속성은 재생, 일시 정지 등의 비디오 컨트롤을 보여줍니다. 예3 : 스크립트(script)  src="sc..

rel 속성은 현재 문서와 연결된 리소스 간의 관계를 지정하는 데 사용됩니다. 주로 앵커() 요소 및 링크() 요소에서 링크된 리소스의 목적 또는 유형을 정의하는 데 사용됩니다. rel 속성은 브라우저와 사용자 에이전트가 현재 문서와 링크된 리소스 간의 관계를 이해하여 링크를 적절하게 처리할 수 있도록 도와줍니다. 요소의 경우 rel 속성은 일반적으로 링크된 페이지와 현재 페이지 간의 관계를 지정하는 데 사용됩니다. 앵커 요소의 rel 속성에 대한 몇 가지 일반적인 값은 다음과 같습니다. : 이 속성은 검색 엔진이 링크를 따르지 않도록 지시하며, 이는 검색 엔진이 링크 권한을 링크된 페이지로 전달하지 못하도록 하는 데 사용될 수 있습니다. 스팸 또는 원치 않는 링크 영향을 방지하는 데 자주 사용됩니다. ..

'a:hover'는 사용자가 마우스 포인터로 앵커() 요소 위로 마우스를 가져갈 때 앵커() 요소를 대상으로 지정하고 스타일을 지정하는 데 사용됩니다. 사용자가 링크 위로 마우스를 이동하면 링크가 "호버" 상태에 있는 것으로 간주됩니다. 'a:hover'를 사용하면 마우스를 올려놓았을 때 링크에 특정 스타일을 적용하여 사용자에게 시각적 피드백을 제공하고 사용자 경험을 향상시킬 수 있습니다. 다음은 CSS에서 a:hover를 사용하는 방법의 예입니다. a:hover { color: red; /* 마우스 오버시 링크 색상을 빨간색으로 설정 */ text-decoration: underline; /* 호버의 링크에 밑줄 추가 */ } 이 예에서 CSS 규칙은 사용자가 앵커 요소를 가리킬 때 모든 앵커 요소()..

는 이미지주소로 연결됩니다. 결과 HTML 삽입 미리보기할 수 없는 소스