HTML 태그에 대한 자세한 설명

-- HTML 태그 상세 설명
HTML 명령어 상세 설명
구조

..........파일 내용..........


1.

2. 파일 업데이트--
[1]10초 후 자동으로 한 번 업데이트
　
【2】10초 후 자동으로 다른 파일에 연결

3. 쿼리 양식--
쿼리 필드 앞에 프롬프트 텍스트를 설정하려는 경우:
　
4. 기본 참조 경로 --

레이아웃
1. 제목 텍스트 .... .#> #= 1~6; h1은 가장 큰 글꼴, h6은 가장 작은 글꼴
2. 글꼴 변경 .... .....
[1]글꼴 크기 ........... ......
[3] 텍스트 색상 .............. rr: 빨간색(빨간색) 색상 코드 gg: 표 녹색(녹색) 색상 코드 bb: 표 파란색(파란색) 색상 코드
3. 작은 글꼴을 표시합니다. .........
5. 볼드체 ..........
6. 이탤릭체 ... .......
7. 타자기 글꼴 ..........
8. 결론 . .....
9. 취소선.....
10.아래첨자_.........
14. 분할

15. 텍스트 정렬 방향

# 숫자 왼쪽일 수 있음: 테이블이 왼쪽(기본값)으로 정렬됨: 테이블은 오른쪽 중앙에 정렬됩니다. 추신:

뒤의 텍스트는 다른 정렬이 나타날 때까지 표시됩니다. 정렬 방향으로 설정하거나

---

ⅱ 태그를 만나면 자동으로 기본 왼쪽 정렬로 돌아갑니다.
16. 구분선 ＜hr>
【1】구분선 굵기 ＜hr 크기=포인트>
【2】구분선 굵기 ＜hr 크기=포인트 또는 백분율>
【3】 구분자 정렬 방향

---

# 왼쪽 가능 : 테이블 왼쪽 정렬 (기본값) 가운데 : 테이블 가운데 정렬 오른쪽 : 테이블 오른쪽 정렬
【4】 구분선 색상
【5】실선 구분선 ＜hr noshade＞
17. 중앙에 정렬 ＜center>..........
18. 원본 스타일 표시

..........

19. 지시어 속성
[1] 배경색 -- bgcolor
[2]배경 패턴 -- background
[3]배경 패턴을 스크롤하지 않도록 설정 -- bgproperties
【4】파일 내용 텍스트 색상 -- 텍스트
[5]하이퍼링크 텍스트 색상 -- 링크
[6]하이퍼링크 텍스트 색상 선택 중 -- vlink ＜body vlink=#rrggbb＞
【7】링크된 하이퍼링크의 텍스트 색상 -- alink ＜body alink=#rrggbb>
20. ..-->21. 특수문자 표현
기호 구문
공백 　　&ｽｽｓｐ

사진
1. 사진 삽입
2. 프레임 설정 - 테두리
3 .Set 그래픽의 크기 -- widthⅱheight
4. 그래픽의 상하좌우를 공백으로 설정 -- vspaceⅱhspace
5. 그래픽 노트
6. 사진 미리 불러오기
P.S. 두 사진의 그래픽 크기는 동일해야 합니다
7. 이미지 맵

＜area Shape=shape coords=area Coord list href="연결점의 URL">
＜area Shape=shape coords=area Coords list href="연결점의 URL">
＜ Area Shape=shape coords=area Seat 대상 목록 href="접속점의 URL"> ＜/map>  
【1】도형 정의 -- 모양
      Shape=직사각형: 직사각형         Shape=원: 원             Shape= 폴리: 다각형                                        ]면적 정의 -- 좌표
a. 직사각형: 4개의 숫자를 사용해야 하며 처음 두 숫자는 왼쪽 상단 좌표, 마지막 두 숫자는 오른쪽 하단 좌표입니다
예: ＜면적 모양=직선 좌표= 100,50,200,75 href="URL">
b.원: 세 개의 숫자를 사용해야 하며, 처음 두 개의 숫자는 원의 중심 좌표이고, 마지막 숫자는 반경 길이입니다
예: ＜area Shape= Circle coords=85,155,30 href="URL"＞
c. 임의의 모양(다각형): 모양의 각 전환점 좌표를 입력합니다. order
예: ＜area shape=poly coords=232,70,285 ,70,300,90,250,90,200,78 href="URL"＞
Table
1. 테이블을 정의합니다.... .....
【1】설정 테두리의 두께 -- border

【2】그리드의 너비 설정 -- 셀 간격

【3】데이터 및 그리드 설정 Line distance -- cellpadding

【4】테이블 너비 조정 -- 너비

[5]테이블 높이 조정 -- 높이

[6]테이블 배경색 설정 -- bgcolor
【7】테이블 테두리 색상 설정 -- bordercolor

2. 그리드 선 표시
3. 테이블 제목
. ......
표 제목 위치 -- align

5. 정의 필드 «1»

숫자 #은 위쪽일 수 있습니다. 표 제목은 표 위에 배치됩니다(기본값)
하단: 테이블 제목이 테이블 아래에 배치됩니다.
4 .정의 열

: 왼쪽 정렬 «2»	: 가운데 정렬 ⅱ 굵은 글씨 【1】가로 위치 -- align	#개 숫자 왼쪽 가능: 왼쪽 정렬 가운데: 가운데 정렬 오른쪽: 오른쪽 정렬 【2】세로 위치 -- 정렬 ＜th align=" #"> 숫자 #은 다음과 같습니다. 상단: 위쪽으로 정렬 중간: 가운데로 정렬 하단: 아래쪽으로 정렬 【3] 필드 너비 -- width	【4】필드의 수직 병합 -- rowspan	【5]Horizontal merging of fields -- colspan	List 1. 디렉터리 목록 항목 1 항목 2 항목 3 P.S. 디렉토리 목록의 각 항목은 20자를 초과할 수 없습니다(예: 한자 10자) 2. 옵션 목록 항목 1 항목 2 항목 3 3. 일련번호 목록 프로젝트 1 프로젝트 2 프로젝트 3 【1】일련번호 형식 -- 또는 유형 # 번호는 A: 영문 대문자 AⅱBⅱCⅱD... 가 프로젝트 번호로 사용됩니다. a: 영문 소문자. aⅱbⅱcⅱd... 를 사용합니다. . 프로젝트 번호로 I: 프로젝트 번호로 대문자 로마숫자를 사용합니다. i: 프로젝트 번호로 소문자 로마숫자를 사용합니다. 1: 프로젝트 번호로 아라비아 숫자를 사용합니다. (기본값) ) 【2】starts Number -- start ＜ol start=계산을 시작할 서수＞ 【3】숫자 지정 -- value ＜li Value=지정할 서수＞ 4 . 일련번호가 없는 목록 항목 1 항목 2 항목 3 【1】글머리 기호 형식 -- 유형 또는 # 번호는 디스크일 수 있음: 단색 점(기본값) 원: 속이 빈 점 사각형: 단색 사각형 【2】원래 목록 -- 일반 [3] 목록 배열 -- 워프 " 1" 목록 세로 배열 〈ul warp = vert〉 《2》목록 가로 배열 〈ul warp = horiz〉 5. 정의 목록 항목 1 항목 1 설명 항목 2 항목 2 설명 항목 3 항목 3 설명 촘촘하게 정렬 -- 컴팩트 P.S. 이렇게 하면 의 내용과 의 내용을 볼 수 있습니다. 몇 개의 공백으로만 구분하여 같은 줄에 배치합니다. 줄 바꿈은 없지만 의 텍스트가 특정 길이를 초과하면 압축 효과가 사라집니다! Form 1. 기본 구조 ＜form action="데이터 처리에 사용되는 CGI 프로그램의 URL" 또는 "mailto: 이메일의 URL" method="get or post"> ...... . .. ....... ....... ....... 2. 입력 파일 형식 ........................ 【1】필드 유형 -- type 숫자 #은 텍스트일 수 있음: 텍스트 입력 passWord: 비밀번호 체크박스: 다중 선택 버튼 라디오: 라디오 버튼 제출: 승인 버튼 재설정: 재설정 버튼 이미지: 그래픽 버튼 숨김: 숨겨진 필드 【2】필드 이름 -- 이름 【3】파일의 기본값 -- value ＜input value="Default string" ＞ 【4】 필드 너비 설정 -- size ＜입력 크기=문자수＞ 【5】최대 입력 문자열 길이 제한 -- maxlength ＜입력 최대 길이=문자수> 【6】기본 체크박스 또는 라디오 초기값 -- 확인됨 ＜입력 유형=체크박스 선택됨> ＜입력 유형=라디오 확인됨> 【7】그래픽의 URL 지정 -- src ＜입력 유형=이미지 src="이미지 파일 이름"> 【8】이미지 및 텍스트 정렬 -- align 숫자 #은 위쪽일 수 있습니다. 텍스트는 이미지 상단에 정렬됩니다. 중간: 텍스트는 이미지 하단의 중앙에 정렬됩니다. : 텍스트가 이미지 하단에 정렬됩니다 세 가지 , 선택형 ....... .... ......... A, 속성 【1】필드 이름 -- name 【2】표시되는 옵션 수 설정 - - size ＜size 선택=숫자＞ 【3】Multiple options -- multiple ＜여러 선택＞ B, 속성 【1】정의 옵션의 반환값 -- value ＜ option value="return value"＞ 【2】미리 선택된 옵션 -- selected ＜옵션이 선택됨＞ 4. 다단 입력 텍스트 영역 형태 ＜form action= "URL" method="post"> ........... /form> [1]텍스트 영역의 변수 이름 -- name <br>[2]문자 입력 영역의 너비 설정 -- cols ＜textarea cols=문자 수> <br>[3]문자 입력 영역의 높이 설정 -- 행 ＜textarea 행=문자 수> columns> <br> 【4]입력 영역 설정 기본 문자열 <textarea> 기본 텍스트 【5】자동 줄 바꿈 여부 --wrap # 해제 가능: 테이블에 입력된 텍스트가 열 너비를 초과하면 자동으로 줄 바꿈되지 않습니다(기본값) virtual: 테이블에 입력된 텍스트 <br>링크<br> 1. 다른 문서에 대한 링크 <a href="URL">설명 텍스트 또는 그림</a><br> 2. 특정 위치에 대한 링크 문서 (외부 링크) <br> 《1》시작 지점<br><a href="%ED%8C%8C%EC%9D%BC%20%EC%9D%B4%EB%A6%84#%EC%9D%B4%EB%A6%84">.......</a> <br> 《2》종료 지점 ＜이름 ="이름"> <br>3. 프레임의 하이퍼링크 <br>【1】링크 파일을 표시하려면 새 브라우저를 엽니다 -- _blank <a href="URL" target="_blank"><br>【2】표시 현재 프레임의 링크 파일 -- _self </a><a href="URL" target="_self"><br>【3】상위 레이어의 분할 창에 링크 파일이 표시됩니다. -- _parent ＜a href="URL" target=_parent ＞<br>【4】 링크된 파일을 전체 창에 표시 -- _top ＜a href="URL" target=_top> <br>【5】링크된 파일을 특정 창에 표시 --</a><a href="URL" target="특정 창 이름"><br>FRAME<br>1. 창 분할 명령 <frameset>..........</frameset> <br>【1】세로(상하) ) 분할 -- 행<br><frameset> # 기호는 포인트 수일 수 있습니다. 100, 200, 300의 세 창으로 나누려면 <br><frameset> ; <frameset> <br>과 같이 * 기호로 표시할 수도 있습니다. 백분율: <frameset>와 같이 각 항목의 합계는 100%가 바람직합니다. <br>【2】가로(왼쪽 및 오른쪽) 분할 -- cols <frameset cols="포인트"> <br>두 개의 ⅱ 지정된 창 내용 - - <frame> <br><frameset cols="30%,70%"> <frame> <frame> /frameset><br>[1]지정된 창의 파일 이름 -- src <frame src="HTML"> <br>[2]창의 이름 정의 -- name<br> <br>[3]문서와 위쪽 및 아래쪽 테두리 사이의 거리를 설정합니다. -- marginheight<br> <br>【4]문서와 위쪽 및 아래쪽 테두리 사이의 거리를 설정합니다. 문서 및 왼쪽 및 오른쪽 테두리 -- 여백폭<br> <br>【5】분할 창의 스크롤 설정 -- 스크롤링<br># 가능: 고정 스크롤이 나타납니다 <br> no: 스크롤이 나타나지 않습니다. auto: 파일 크기에 스크롤이 필요한지 자동으로 결정합니다(기본값) <br>【6】분할 창 크기 잠금 -- noresize ＜프레임 noresize＞<p> 위 내용은 HTML 태그에 대한 자세한 설명입니다. 더 많은 관련 글은 PHP 중국어 홈페이지(www.php.cn)를 참고해주세요! </p> <p><br></p> </frameset> </frameset> </frameset> </frameset> </frameset> </frameset></a>