>  기사  >  웹 프론트엔드  >  HTML 구조 요소란 무엇입니까? HTML의 다양한 구조적 요소 요약(일반 텍스트)

HTML 구조 요소란 무엇입니까? HTML의 다양한 구조적 요소 요약(일반 텍스트)

不言
不言원래의
2018-07-21 16:46:243672검색

웹 문서에는 다양한 요소가 표시됩니다. 각 요소에는 고유한 위치가 있습니다. 이러한 요소를 표준화하려면 HTML의 구조적 요소에 따라 결정되어야 합니다.

함수 설명: 태그는 페이지의 모든 링크에 대한 기본 주소 또는 기본 대상을 지정합니다. 일반적으로 브라우저는 현재 문서의 URL에서 해당 요소를 추출하여 상대 URL의 공백을 채웁니다.

표준 속성: href, target

href: 마우스가 링크를 클릭할 때 페이지에 있는 모든 링크의 URL을 설정하거나 가져옵니다.

target: 대상 콘텐츠가 표시될 창이나 프레임을 설정하거나 가져옵니다

_blank: 새 이름 없는 창에서 문서를 로드합니다.

_self: 동일한 프레임이나 창에 대상 문서를 로드합니다.

_parent: 하이퍼링크 참조가 포함된 프레임셋이나 상위 창에 문서를 로드합니다. _top: 문서를 로드합니다. 하이퍼링크가 포함된 창은 현재 창에 표시된 모든 프레임을 대체합니다

...

기능 설명: HTML 문서의 본문을 정의합니다. 본문에는 HTML 문서의 모든 내용이 포함됩니다. .

표준 속성: id(요소의 고유 식별자), class(클래스 이름), title(도구 설명에 표시되는 텍스트), style(인라인 스타일 정의), dir(텍스트 방향 설정), lang(언어 코드 설정), background (웹 페이지 배경 이미지), bgcolor (배경색), text (텍스트 색상 설정), link (링크 텍스트 색상 설정), alink (링크 시 텍스트 색상 설정), vlink (링크 후 텍스트 색상 설정), leftmargin (왼쪽 여백) , topmargin(상단 여백), bgproperties(배경 이미지가 웹페이지와 함께 스크롤되지 않도록 매개변수가 하나만 있어서 고정됨)

앞으로 같은 속성이 등장하면 설명 후에 다시 설명하지 않겠습니다.

...

기능 설명: 문서의 단락 정의

표준 속성: align, id, class, title, style, dir, lang

사용 포인트: 사용 p를 사용하여 줄을 바꾸고 단락을 구분합니다. p 요소는 블록 요소이며

...

태그로 닫아야 합니다. 기능 설명: 문서에서 인라인 요소를 결합하는 데 사용됩니다

표준 속성: align , id, class, title , style, dir, lang

……

기능 설명: 문서의 파티션 또는 섹션 정의

표준 속성: align, id, class, title, style, dir, lang

사용 포인트: p 요소는 HTML 문서의 큰 콘텐츠 블록에 대한 구조 및 배경 요소를 제공하는 데 사용됩니다


기능 설명: 줄 바꿈 삽입

표준 속성: id, class, title, style

......

기능 설명: 테이블 제목 정의

표준 속성: align(정렬, 왼쪽( 왼쪽 정렬), 오른쪽(오른쪽 정렬), 위쪽(상단 정렬), 아래쪽(하단 정렬)), id, class, title, dir, lang

사용 포인트: 캡션 요소는 테이블 요소의 하위 개체여야 합니다. , 캡션 태그는 테이블 태그 뒤에 와야 합니다. 테이블에는 하나의 제목만 정의할 수 있으며 일반적으로 제목은 테이블 위 중앙에 위치합니다.

함수 설명: 테이블에 대한 열 속성 값을 정의합니다. 정의된 개체는 테이블에 하나 이상의 열을 포함할 수 있습니다.

표준 속성: id, class, title, style, dir, lang

L 선택 속성: Align(가로 정렬 방법, Right(오른쪽 정렬), left(왼쪽), center(가운데), Justify(양 끝 정렬) 포함)

span(정의됨 & lt; 색상 & gt; 숫자 , 기본값은 1)

                    valign(수직 정렬, 상단(상단 정렬), 중간(수직 중앙), 하단(하단 정렬), 기준선(기준선 정렬) 포함)                                                  >

기능 설명: 테이블 열 그룹 정의

표준 속성: id, class, title, style, dir, lang

선택 속성: align,span(col이 걸쳐야 하는 열 수 정의, 기본값은 1), valign, width

사용 포인트: 테이블 태그 내에서만 허용됩니다. 열을 적절하게 결합하여 형식을 지정할 수 있습니다.

fieldset

기능 설명: 양식의 관련 필드 요소 그룹화

표준 속성: id, class, title, style, dir, lang

사용 포인트: 필드 set

에 포함된 텍스트 및 기타 요소 외부에 상자를 그립니다.

기능 설명: 제목을 정의할 수 있습니다. fieldset

표준 속성: id, class, title, style, dir, lang

사용 포인트: legend 요소는 fieldset의 첫 번째 요소여야 합니다. 이 요소는 인라인 요소입니다. 태그를 닫아야 합니다

기능 설명: 외부 문서를 포함하는 인라인 프레임 생성

표준 속성: id, class, title, style

기본 속성: name(콘텐츠 페이지 이름 정의), src(콘텐츠 페이지 URL 정의),frameborder(콘텐츠 페이지의 테두리를 정의, 값은 0/1, 기본값은 1, 0은 테두리를 표시하지 않음, 1은 각 페이지 사이의 테두리를 표시), marginwidth(정의) 프레임 프레임의 HTML 파일에 의해 표시되는 위쪽 및 아래쪽 테두리의 너비, 기본값은 브라우저에 의해 결정됨), 여백 높이(프레임의 HTML 파일에 의해 표시되는 왼쪽 및 오른쪽 테두리의 너비를 정의, 기본값은 브라우저에 의해 결정됨), 스크롤링(스크롤 막대가 있는지 여부, 값은 yes/no/auto, 기본값은 auto 정의), 정렬, 높이, 너비

사용 포인트: iframe 요소의 역할은 동일합니다. 문서에 다른 문서를 삽입하거나 플로팅 프레임처럼 인라인 플로팅 프레임을 생성하려면 iframe 콘텐츠 소스 문서, background-color 또는 body 요소의 bgcolor 태그 속성을 투명으로 설정해야 합니다. 이 요소는 블록 요소이며 닫는 태그가 필요합니다

                                                                      …

                                                                                    dt 목록의 항목을 정의합니다

표준 속성: id, class, title, style, dir , lang

사용 포인트: dd는 일반적으로 목록에서 들여쓰기로 표시되고 dd 요소는 블록 요소이므로 태그를 닫아야 합니다

                                                                 > 요소, 라벨을 닫아야 합니다.

              dt 요소는 블록 요소입니다. 라벨을 닫아야 합니다

h1…h6

기능 설명: 기사 제목 정의

표준 속성: align , id, class, title, style, dir , lang

사용 포인트:

은 가장 큰 제목을 정의하고,

은 가장 작은 제목을 정의하며, 태그를 닫아야 합니다.

기능 설명 : 문서 자체가 HTML 문서임을 선언합니다

표준 속성: dir, lang

기본 속성: common(일반 속성), xmlns(xml 네임스페이스를 나타냄), dir

;

기능 설명: 문서에 삽입된 텍스트를 정의합니다.

표준 속성: id, class, title, style, dir, lang

사용 포인트: ins 및 del 태그를 함께 사용하고, 업데이트 및 문서의 수정 사항

...

기능 설명: 문서에서 삭제된 텍스트 정의

표준 속성: id, class, title, style, dir , lang

  • ...
  • 기능 설명: 목록 항목 정의표준 속성: id, class, title, style, dir, lang

    사용 포인트: li 태그 사용 가능 순서 ​​목록에서< ;ol> 및 순서가 지정되지 않은 목록

        ......

      함수 설명: 순서가 지정된 목록 정의

      표준 속성: id, class, title, style, dir , lang

        ……

      함수 설명: 순서가 지정되지 않은 목록 정의표준 속성: id, class, title, style, dir, lang

      테이블은 다음과 같습니다. 블록 요소이며 태그

      기능 설명: 테이블의 헤더 셀 정의

      표준 속성: id, class , title, style, dir, lang

      기본 속성: common, abbr(테이블 헤더의 약어), axis(개념적으로 셀을 분류함), colspan(한 행이 여러 열에 걸쳐 있음), headers(테이블의 데이터와 헤더를 연결) , rowspan(열이 여러 행에 걸쳐 있음), 범위(행 또는 열의 헤더 정의), align, valign

      사용 포인트: 번째 요소 내부의 텍스트는 일반적으로 굵게 표시됩니다

      … …

      함수 설명: 테이블에 행 정의

      표준 속성: id, class, title, style, dir, lang

      기본 속성: common, align, valign

      기능 설명: 테이블의 셀 정의

      표준 속성: id, class, title, style, dir, lang

      기본 속성: common, abbr(테이블 헤더의 약어), axis(개념적으로 셀을 분류), colspan(한 행이 여러 열에 걸쳐 있음), headers(테이블의 데이터와 헤더를 연결), rowspan(열은 여러 열에 걸쳐 있음) 여러 행), 범위(행 또는 열의 헤더 정의), align, valign

      tbody

      기능 설명: 단락 정의 테이블 본문 형식#

      표준 속성: id, class, title, style, dir, lang

      사용 포인트: 테이블을 별도의 부분으로 나눌 수 있으며, 테이블은 하나 이상의 행이 그룹으로 결합되지만 테이블에 tbody 태그를 포함하지 않는 것이 가장 좋으며 한 tbody에서 다른 tbody로 확장될 수 없습니다. #

      기능 설명: 테이블 형식을 정의합니다. 각주

      표준 속성: id, class, title, style, dir, lang사용 포인트: tfoot 요소 포함 유효한 태그는 td, tr 및 th입니다. 테이블 객체는 하나의 tfoot만 정의할 수 있습니다. 이 요소에는 닫는 태그가 필요합니다.

      thead

      Function 설명: 헤더의 형식을 정의합니다.

      Standard 속성 : id , class, title, style, dir, lang사용 포인트: Thead에는 내부에 tr 태그가 있어야 하며 이 요소는 디스플레이를 변경하지 않습니다. thead, tfoot, tbody 요소를 사용하는 경우 해당 요소를 모두 사용해야 합니다. 나타나는 순서는 thead, tfoot, tbody입니다. 이러한 태그는 테이블 요소 내에서 사용해야 합니다. 🎜#

      html 요소를 동적으로 생성하고 요소에 속성을 추가하는 방법(코드 포함)

      ......

      위 내용은 HTML 구조 요소란 무엇입니까? HTML의 다양한 구조적 요소 요약(일반 텍스트)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

    성명:
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.