was successfully added to your cart.

span 태그 예제

Por 02/08/2019 Sem categoria Sem comentários

HTML 범위 요소는 인라인 요소 및 콘텐츠에 대한 일반 인라인 컨테이너입니다. 스타일 지정을 위해 요소를 그룹화하는 데 사용되었습니다(클래스 또는 id 특성사용), 다른 의미 체계 요소를 사용할 수 없을 때 사용하는 더 나은 방법입니다. 범위는 div 태그와 매우 유사하지만 div는 블록 수준 태그이며 범위는 인라인 태그입니다. Span 태그는 쌍을 이루는 태그로 열기() 태그가 모두 있으며 태그를 닫아야 한다는 의미입니다. Div 태그와 범위 태그는 유연성으로 인해 인기가 높아지고 있는 매우 일반적인 HTML 요소입니다. HTML div 태그는 페이지 레이아웃 설정과 같은 조직 작업에 더 구체적입니다. 범위 태그는 텍스트 의 사용자 지정을 허용하는 데 더 많이 사용되며 다른 HTML 요소 내에서 다른 HTML 요소 내에서 특정 콘텐츠를 사용자 지정하는 데 자주 사용됩니다. 예를 들어 코드를 참조하는 녹색 텍스트가 표시되면 범위 태그입니다. 이 페이지의 내부 레이아웃은 div 요소로 만들어집니다. 범위 태그는 div 태그와 유사한 줄 바선을 만들지 않고 사용자가 동일한 줄 내의 페이지에서 주변의 다른 요소와 사물을 분리할 수 있도록 합니다. 줄 바그 걸이를 방지하면 선택한 텍스트만 변경하여 주변의 다른 모든 요소를 동일하게 유지합니다. 아래 예제는 범위와 div 태그 의 차이를 표시하고 div 태그에는 전체 너비가 포함되어 있고 범위 태그에는 필요한 너비만 포함하고 나머지 부분은 다른 요소에 대해 무료입니다.

그러나 태그를 사용하면 코드를 줄일 수 있으며 아래 예제참조로 는 스팬 태그에 CSS를 적용하여 태그를 사용하여 위의 예와 동일한 출력을 표시합니다. 예: 이 예제에서는 태그에 클래스 특성을 추가하고 태그의 콘텐츠에 스타일을 별도로 제공했습니다. 출력 : 범위 태그와 자바 스크립트를 조작 : 아래 예제에서 우리는 ID = “데모”와 단락 내부의 범위 태그를 추가 우리는 이 예제에서 자바 스크립트를 적용하여 텍스트를 변경할 수 있습니다 GFG는 버튼을 클릭 한 후 “GeeksforGeeks”를 변경합니다. 예: 스팬은 인라인 태그로 필요한 만큼 의 공간을 차지하고 다른 요소에 대한 공간을 남겨 두면 각 태그가 필요한 공간만 차지하고 나머지 공간은 다른 elemen에 대해 여유있는 공간만 사용하므로 아래 예제에서 모든 4 범위 요소가 동일한 줄로 표시됩니다. Ts. 예: 출력: 범위 태그를 사용하여 텍스트의 일부를 색상/배경 색으로 설정할 수 있습니다. 예: 범위와 특성의 차이점은 무엇입니까? HTML 범위 요소는 인라인 요소로, 블록 요소 내에서 사용할 수 있으며 새 줄을 만들지 않습니다. 단락 내부의 텍스트를 강조 표시하려면 해당 텍스트를 범위 태그로 줄 바꿈하고 클래스로 지정합니다.

범위 태그는 콘텐츠의 특정 부분을 구분하기 위해 특정 CSS 스타일을 통합하는 데 자주 사용됩니다. 이 예제에서는 태그 바로 안쪽에 스타일을 제공했습니다. 아래 예제에서 우리는 우리가 모든 줄에 때마다 , , , 같은 많은 HTML 태그를 사용해야하므로 글꼴 가족 = 택배 새로운 녹색 색상굵게 기울임꼴, 밑줄세 줄에 세 번 GeeksforGeeks를 작성하고 자라고 가정하고 우리는 찬을 만들고 싶어 ges는 모든 태그를 수정해야 합니다. . 팁: 텍스트가 요소에 연결되면 CSS로 스타일을 정하거나 JavaScript로 조작할 수 있습니다.