HTML의 태그는 무엇입니까? 일반적인 HTML 태그의 예를 제시하십시오.

HTML의 태그는 무엇입니까? 일반적인 HTML 태그의 예를 제시하십시오.

HTML에서 태그는 웹 브라우저가 웹 페이지를 올바르게 구조화하고 스타일링 할 수 있도록 콘텐츠의 다른 부분을 정의하고 묘사하는 데 사용되는 마크 업 구성입니다. 태그는 HTML의 빌딩 블록이며 <tagname></tagname> 과 같은 각도 브래킷으로 둘러싸여 있습니다. 일부 태그는 자체 폐쇄 될 수 있지만 종종 오프닝 태그와 닫는 태그가있는 쌍으로 제공됩니다.

다음은 일반적인 HTML 태그의 몇 가지 예입니다.

<li> : HTML 문서의 루트를 정의합니다. <li> : 문서의 메타 데이터/정보가 포함되어 있습니다. <li> <title></title> : 브라우저의 제목 표시 줄 또는 페이지 탭에 표시된 문서의 제목을 지정합니다. <li> : 텍스트, 이미지, 링크 등과 같은 HTML 문서의 모든 내용이 포함 된 문서의 본문을 정의합니다. <li> <h1></h1> ~ <h6></h6> : <h1></h1> 이 가장 높고 가장 중요한 수준이고 <h6></h6> 이 가장 중요하지 않은 HTML 제목을 정의합니다. <li> <p></p> : 단락을 정의합니다. <li> <a></a> : 한 페이지에서 다른 페이지로 연결하는 데 사용되는 하이퍼 링크를 정의합니다. <li> <img alt="HTML의 태그는 무엇입니까? 일반적인 HTML 태그의 예를 제시하십시오." > : 이미지를 문서에 포함시킵니다. <li> <div> : HTML 문서의 부서 또는 섹션을 정의합니다.<li> <code><span></span> : 스타일링 목적 또는 인라인 요소를 그룹화하는 데 사용되는 인라인 컨테이너.

HTML 태그는 웹 페이지의 구조와 모양에 어떤 영향을 미칩니 까?

HTML 태그는 웹 페이지의 구조와 모양에 큰 영향을 미칩니다. 그들이하는 방법은 다음과 같습니다.

구조:

<li> 시맨틱 구조 : <header></header> , <nav></nav> , <section></section> , <article></article> 및 <footer></footer> 와 같은 태그는 내용의 구조를 의미있는 방식으로 정의하여 가독성과 접근성을 향상시키는 데 도움이됩니다. 검색 엔진은 또한이 시맨틱 태그를 사용하여 문서의 구조를 더 잘 이해합니다. <li> 계층 구조 및 조직 : <h1></h1> 에서 <h6></h6> 과 같은 태그는 제목 계층 구조를 설정하는 반면 <ul></ul> , <ol></ol> 및 <li> 컨텐츠를 총알 포인트 또는 번호가 매겨진 시퀀스로 구성하는 목록을 만듭니다. <li> 부서 및 섹션 : <div> 및 <code><span></span> 과 같은 태그를 사용하여 페이지를 섹션으로 나눌 수 있으며, 이는 레이아웃 관리에 중요합니다.

모습:

<li> 기본 스타일 : 많은 HTML 태그에는 사용자 에이전트 (브라우저)의 기본 스타일이 포함되어 있습니다. 예를 들어 <h1></h1> 은 <h2></h2> 보다 크고 <strong></strong> 텍스트를 대담하게 만듭니다. <li> 계단식 스타일 시트 (CSS) : HTML 태그는 CSS를 사용하여 스타일을 수정할 수 있습니다. 예를 들어 CSS 규칙을 사용하여 <p></p> 태그 내 텍스트의 색상, 글꼴, 크기 및 기타 텍스트 속성을 변경할 수 있습니다. <li> 인라인 스타일링 : HTML 태그에는 <p style="color:red;"></p> 와 같은 속성을 통해 인라인 CSS 스타일이 포함될 수 있습니다.

이러한 태그와 관련 스타일을 조작함으로써 웹 개발자는 시각적으로 매력적이고 구조적으로 건전한 웹 페이지를 만들 수 있습니다.

HTML의 열기와 닫는 태그의 차이점을 설명 할 수 있습니까?

HTML에서 태그는 쌍으로 사용하여 컨텐츠 조각을 캡슐화하며 각 쌍은 오프닝 태그와 마감 태그로 구성됩니다. 다음은 둘 사이의 차이에 대한 설명입니다.

<li> 오프닝 태그 : 이것은 태그 쌍의 첫 번째 부분이며 요소의 시작을 나타내는 데 사용됩니다. 오프닝 태그에는 단락 요소의 <p></p> 와 같은 각도 브래킷 내의 요소 이름이 포함됩니다. 오프닝 태그에는 <a href="https://example.com"></a> 과 같은 요소에 대한 추가 정보 또는 속성을 제공하는 속성도 포함될 수 있습니다. <li> 닫기 태그 : 이것은 태그 쌍의 두 번째 부분이며 요소의 끝을 나타내는 데 사용됩니다. 닫는 태그는 오프닝 태그와 유사하지만 단락 요소의 끝에 대한 와 같은 요소 이름 앞의 전방 슬래시를 포함합니다. 닫는 태그에는 속성이 포함되어 있지 않습니다.

예를 들어, 코드 스 니펫 <p>This is a paragraph.</p> , <p></p> 는 오프닝 태그이고

는 닫는 태그입니다. "이것은 단락입니다." 단락 요소의 내용입니다.

HTML의 자체 폐쇄 태그는 무엇이며 언제 사용해야합니까?

자체 폐쇄 태그는 컨텐츠를 캡슐화하지 않기 때문에 별도의 닫는 태그가 필요하지 않은 HTML 태그입니다. 그들은 독립형 요소를 삽입하고 그 자체로 완성하는 데 사용됩니다. 자체 폐쇄 태그의 구문은 <tagname></tagname> 또는 간단히 <tagname></tagname> 입니다.

HTML의 일반적인 자체 폐쇄 태그는 다음과 같습니다.

<li> <br> : 단일 라인 브레이크를 삽입합니다. <li> <img alt="HTML의 태그는 무엇입니까? 일반적인 HTML 태그의 예를 제시하십시오." > : 이미지를 문서에 포함시킵니다. 이미지 소스를 지정하려면 src 속성이 필요합니다. <li> <input> : 양식 내에서 입력 필드를 정의합니다. type 속성 (예 : 텍스트, 암호, 확인란)을 사용하여 다른 유형의 입력을 지정할 수 있습니다. <li> <hr> : 컨텐츠 섹션을 분리하는 데 사용되는 수평 규칙 또는 선을 만듭니다. <li> <meta> : 섹션 내에서 일반적으로 사용되는 HTML 문서에 대한 메타 데이터를 제공하여 문자 세트, 뷰포트 설정 또는 페이지 설명을 지정합니다.

내용 내용이 포함되어 있지 않은 요소를 삽입 해야하는 경우 자체 폐쇄 태그를 사용해야합니다. 예를 들어, <br> 사용하여 단락 내에서 줄 브레이크를 만들거나 <img alt="HTML의 태그는 무엇입니까? 일반적인 HTML 태그의 예를 제시하십시오." > 사용하여 페이지에 이미지를 배치합니다. 이 요소는 콘텐츠를 감싸지 않기 때문에 오프닝 태그만으로 완성됩니다.