이 기사는 HTML 태그 및 HTML 태그의 기능 중 일부를 구성합니다. 모든 사람이 HTML 관련 지식을 배우는 것이 도움이되기를 바랍니다. 관심있는 친구들은 함께 배워야합니다. 우선, HTML 태그의 특성 중 일부를 알아야합니다.
1. <keyword>와 유사하게, <html>, <div>와 같은 각도 괄호와 키워드로 구성됩니다.
2. 일반적으로 쌍으로 나타나고 시작 태그는 <div> 요소 컨텐츠 </div>와 유사합니다. 왼쪽 태그를 시작 태그라고하며 오른쪽 </>는 엔드 태그라고하며, 일부는 단일 닫힌 태그 인 일부를 제외하고 시작과 끝이 있습니다.
먼저 다음과 같은 개별 예외가있는 일부 단일 닫힌 태그를 기억하십시오.
| <메타 /> | 페이지 정보를 설정합니다 | <param /> | 포함하는 <botort> 또는 <plet>에 대한 매개 변수를 제공하십시오 | |
| <br /> | 라인 브레이크 | <keygen /> | 생성 된 키를 정의합니다 | |
| <hr /> | 횡선 | <소스 /> | <video> 또는 <audio>와 같은 미디어 요소의 미디어 소스 정의 | |
| <지역 /> | 이미지 쇼 영역 | <col /> | 테이블에서 하나 이상의 열에 대한 속성 값 정의 | |
| <입력 /> | 양식 요소, 다른 입력 필드를 입력하십시오 | <프레임 /> | 프레임 세트에서 특정 창 (프레임)을 정의하십시오 | |
| <링크 /> | 링크 스타일 시트 | <embed /> | 플러그인과 같은 임베디드 콘텐츠를 정의하십시오 | |
| <basefont /> | 기본 글꼴을 정의하면 HTML5는 <asefont> 태그를 지원하지 않으며 사용을 지원하지 않습니다. | ...... |
다음은 다른 효과에 따라 분류 된 태그입니다.
1. 글꼴 효과
| <H1>… </h1> | 제목 1 (최대) 글꼴은 동시에 작아지고 웹 페이지는 일반적으로 H1에서 H4로 이동하며 H4 이후에는 사용되지 않습니다. | <S>… </s> | 줄을 삭제하십시오 | |
| <H6>… </h6> | 제목 6 (최소) | <del>… </del> | 스트라이크 라인 (삭제 표시) | |
| <b>… </b> | 대담한 텍스트 | <KBD>… </kbd> | 키보드 텍스트 | |
| <strong> .. </strong> | 대담한 텍스트 (강조) | <tt>… </tt> | 세례반 | |
| <i>… </i> | 이탤릭체 | <xmp>… </xmp> | 고정 너비 글꼴 (파일 공백, 라인 브레이크 및 위치 기능 기능에서 유효) | |
| <em>…/em> | 이탤릭체 (강조) | <PlainText>… </plaintext> | 고정 너비 글꼴 (마커 기호 실행 없음) | |
| <dfn> ... </dfn> | 이탤릭체 (정의를 나타냄) | <리스팅>… </listing> | 고정 너비 작은 글꼴 | |
| <u>… </u> | 결론 | <font color = 00ff00>… </font> | 글꼴 색상 (색상 =#00ff00으로 작성해도 괜찮습니다) | |
| <ins> ... </ins> | 결론 (텍스트 삽입을 나타냄) | <font size = 1>… </font> | 최소 글꼴 | |
| <Strike>… </Strike> | 횡선 | <font style = font-size : 100 px> </font> | 무한대 확대 (글꼴 크기는 100px) |
2. 구역 중단 마크
| <hr /> | 횡선 | <BOBR>… </nobr> | 라인 랩핑은 금지되지 않으며 휴식 약어는 없습니다 | |
| <hr size = 9 /> | 수평 라인 (세트 크기) | <p>… </p> | 절 | |
| <hr 너비 = 80% /> | 수평 선 (세트 너비) | <centre>… </center> | 텍스트를 중앙에 둘러싸십시오 | |
| <hr color = 00ff00 /> | 수평 선 (세트 색상) | |||
| <br /> | 라인 브레이크 |
3. 링크
| <베이스 href = 주소> | 페이지의 모든 링크에 대한 기본 주소 또는 기본 대상을 지정합니다. | <a href = 주소 대상 = _top> </a> | 하이퍼 링크 대상의 URL을 지정합니다 (전체 창 연결) | |
| <a href = 주소> </a> | 하이퍼 링크 대상의 URL을 지정하십시오 | <a href = 주소 대상 = 페이지 프레임 이름> </a> | 하이퍼 링크 대상의 URL을 지정합니다 (지정된 페이지 상자에 연결) | |
| <a href = 주소 대상 = _blank> </a> | 하이퍼 링크 대상의 URL을 지정합니다 (새 창 열기) |
4. 이미지/음악
| <IMG SRC = 이미지 주소/ | 웹 페이지에 사진을 게시하십시오 | <IMG SRC = 이미지 주소 테두리 = 1 /> | 스티커의 그림 테두리를 설정하십시오 | |
| <IMG SRC = 이미지 주소 너비 = 180 /> | 게시물의 사진 너비를 설정하십시오 | <bgsound src = 중간 음악 파일 주소/ | 배경 음악 설정 | |
| <IMG SRC = 이미지 주소 높이 = 30 /> | 게시물의 이미지 높이를 설정하십시오 |
5. 테이블
| <테이블 alig = 왼쪽>… </table> | 테이블 위치, 왼쪽으로 설정됩니다 | <TABLE CellPadding = 매개 변수>… </table> | 그리드 라인과 네트워크 라인 사이의 거리를 지정하십시오 (숫자 사용) | |
| <테이블 aring = 센터>… </table> | 테이블 위치가 중앙에 있습니다 | <테이블 cols = 매개 변수>… </table> | 테이블의 열 수를 지정하십시오 | |
| <테이블 배경 = 이미지 경로>… </table> | 배경 이미지의 URL은 경로 URL입니다. | <테이블 프레임 = 매개 변수>… </table> | 테이블의 외부 경계선의 디스플레이 메소드 설정 | |
| <테이블 테두리 = 경계 크기>… </테이블> | 테이블 테두리 크기 설정 (숫자 사용) | <테이블 너비 = 너비>… </테이블> | 테이블 너비 크기를 지정 (숫자 사용) | |
| <테이블 bgcolor = 색상 코드>… </table> | 테이블의 배경색을 설정하십시오 | <테이블 높이 = 높이>… </table> | 테이블 높이 크기를 지정 (숫자 사용) | |
| <테이블 BorderColor = 색상 코드>… </table> | 테이블 테두리의 색상을 설정하십시오 | <td colspan = 매개 변수>… </td> | 스토리지 병합 열의 열 수를 지정합니다 (숫자 사용) | |
| <테이블 BorderColorDark = 색상 코드>… </table> | 테이블의 어두운 테두리의 색상을 설정 | <td rowspan = 매개 변수>… </td> | 스토리지 그리드에서 열을 병합 할 열 수를 지정하십시오 (숫자 사용) | |
| <테이블 BorderColorlight = 색상 코드>… </table> | 테이블의 밝은 테두리 색상을 설정 |
6. 분할 창
| <프레임 세트 col = 20%,*> | 왼쪽과 오른쪽으로 분할하고 왼쪽 프레임을 20%로 분할하면 브라우저는 오른쪽 프레임의 크기를 자동으로 조정합니다. | <의견>… </댓글> | 댓글을 추가하십시오 | |
| <프레임 세트 행 = 20%,*> | 위아래로 분할하고 상단 프레임을 20%로 분할하면 브라우저는 하단 프레임의 크기를 자동으로 조정합니다. | <dd>… </dd> | 정의 목록의 항목 설명을 설정하십시오 | |
| <프레임 세트 cols = 20%,*> | 왼쪽 및 오른쪽 프레임을 분할하십시오 | <dfn>… </dfn> | 정의 텍스트 표시 | |
| <프레임 세트 cols = 20%,*, 20%> | 왼쪽, 중앙 및 오른쪽에 3 개의 프레임을 분할하십시오. | <lir>… </dir> | 목록 텍스트 레이블 | |
| <프레임 세트 행 = 20%,*, 20%> | 상단, 중간 및 하단 프레임을 분할하십시오 | <dl>… </dl> | 정의 목록의 볼륨 레이블을 설정하십시오 | |
| <!-…-> | 주석 | <dt> ... </dt> | 목록에서 항목을 정의합니다 | |
| <a href 대상> | 하이퍼 링크의 분할 창을 지정하십시오 | <em>… </em> | 강조의 사용 | |
| <a href =#앵커 이름> | 앵커 이름을 지정하려면 하이퍼 링크 | <글꼴 얼굴> | 사용 된 모든 모양을 지정합니다 | |
| <a href> | 하이퍼 링크를 지정하십시오 | <글꼴 크기> | 글꼴 크기를 설정하십시오 | |
| <이름 = 앵커 이름> | 연결된 지점의 이름 | <양식 액션> | 설정 | |
| <주소>… </주소> | 이메일 주소를 표시하는 데 사용됩니다 | |||
| <b>… </b> | 대담한 텍스트 | |||
| <기본 대상> | 하이퍼 링크의 분할 창을 지정하십시오 | |||
| <bgsound src> | 배경 음악을 추가하십시오 | |||
| <빅>… </big> | 큰 글꼴 효과를 제시합니다 | |||
| <Ilink> | 번쩍이는 문자열 또는 텍스트를 보여줍니다 (IE에서 지원하지 않음) | |||
| <바디 텍스트 링크 vlink> | 텍스트 색상을 설정하십시오 | |||
| <body>… </body> | 이 기사를 보여주세요 | |||
| <br /> | 라인 브레이크 | |||
| <capition align> | 테이블 제목 위치를 설정하십시오 | |||
| <캡션>… </caption> | 테이블에 제목을 추가하십시오 | |||
| <centre>… </center> | 주변 텍스트 중앙에 HTML5는이 태그를 지원하지 않습니다. | |||
| <Cite>… <Cite> | 고전을 인용하는 데 사용되는 텍스트 | |||
| <code>… </code> | 프로그램 코드를 나열하는 데 사용됩니다 |