span 태그 예제

이 예제에서는 태그에 클래스 특성을 추가하고 태그의 콘텐츠에 스타일을 별도로 제공했습니다. 이 예제에서는 태그 바로 안쪽에 스타일을 제공했습니다. 범위와 속성의 차이점은 무엇입니까? 아래 예제에서 우리는 우리가 모든 줄에 때마다 , , , 같은 많은 HTML 태그를 사용해야하므로 글꼴 가족 = 택배 새로운 녹색 색상굵게 기울임꼴, 밑줄세 줄에 세 번 GeeksforGeeks를 작성하고 자라고 가정하고 우리는 찬을 만들고 싶어 ges는 모든 태그를 수정해야 합니다. 출력: 범위 태그를 사용하여 텍스트의 일부로 색상/배경 색을 설정할 수 있습니다. 예: 출력: 범위 태그로 자바 스크립트 조작: 아래 예제에서는 id=”demo”로 단락 내부에 범위 태그를 추가하여 이 예제에서 자바 스크립트를 적용하여 텍스트를 변경할 수 있습니다 GFG는 버튼을 클릭한 후 “GeeksforGeeks”가 변경됩니다. 예: 스팬은 인라인 태그로 필요한 만큼 의 공간을 차지하고 다른 요소에 대한 공간을 남겨 두면 각 태그가 필요한 공간만 차지하고 나머지 공간은 다른 elemen에 대해 여유있는 공간만 사용하므로 아래 예제에서 모든 4 범위 요소가 동일한 줄로 표시됩니다. Ts. 예: HTML 범위 요소는 인라인 요소 및 콘텐츠에 대한 일반 인라인 컨테이너입니다. 스타일 지정을 위해 요소를 그룹화하는 데 사용되었습니다(클래스 또는 id 특성사용), 다른 의미 체계 요소를 사용할 수 없을 때 사용하는 더 나은 방법입니다. 범위는 div 태그와 매우 유사하지만 div는 블록 수준 태그이며 범위는 인라인 태그입니다. Span 태그는 쌍을 이루는 태그로 열기() 태그가 모두 있으며 태그를 닫아야 한다는 의미입니다. 그러나 태그를 사용하면 코드를 줄일 수 있으며 아래 예제참조로 는 스팬 태그에 CSS를 적용하여 태그를 사용하여 위의 예와 동일한 출력을 표시합니다. 예: Div 태그와 범위 태그는 유연성으로 인해 인기가 높아지고 있는 매우 일반적인 HTML 요소입니다.

HTML div 태그는 페이지 레이아웃 설정과 같은 조직 작업에 더 구체적입니다.