공통 코드 모음
1. 제목 텍스트 <h#>......</h#> #=1~6; h1은 가장 큰 단어, h6는 가장 작은 단어입니다
2. 폰트 변경 <font>......</font>
[1] 글꼴 크기 <font size=#>......</font> #=1~7; 숫자가 클수록 문자가 커집니다
[2] 글꼴을 지정하세요 <font face="font name">......</font>
[3] 텍스트 색상 <font color=#rrggbb>......</font> rr: 테이블 빨간색 색상 코드 gg: 테이블 녹색 색상 코드 BB: 테이블 파란색 색상 코드
3. 작은 글꼴 표시 <small>......</small>
4. 큰 글꼴 표시<big>......</big>
5. 굵은 <b>......</b>
6. 이탤릭체 <i>......</i>
7. 타자기 폰트 <tt>......</tt>
8. 결론 <u>......</u>
9. 취소 <strike>......</strike>
10. 첨자 <sub>......</sub>
11. 라벨 <sup>......</sup>
12. 텍스트 깜빡임 효과 <blink>......</blink>
13. 줄 <br>바깥
14. <p>세분화
15. 텍스트 정렬 방향 <p align="#"> #号可为 왼쪽: 테이블 정렬 (기본값) 중앙: 테이블 정렬 오른쪽: 테이블 정렬 오른쪽 정렬 P.S.<p align="#"> 그 이후의 텍스트는 정렬 세트에 표시됩니다
또 다른 <p align="#"이 나타나 정렬 방향> 변경하며, <hr><h#> 라벨을 만나면 자동으로 기본 왼쪽 정렬로 되돌아갑니다.
16. 디바이더 <hr>
[1] 디바이더의 두께 <hr 크기 = 점의 수>
[2] 디바이더 너비 <hr 크기 = 점수 또는 백분율>
[3] 디바이더 정렬 방향 <hr align="#"> #号可为 왼쪽: 테이블 왼쪽 정렬(기본값) 센터: 중앙 정렬 오른쪽: 오른쪽에 정렬됨
[4] 구분자의 색상 <hr color=#rrggbb>
[5] 고체 구분 < noshade>
17. 중심 정렬 <center>......</center>
18. 원래 스타일의 전시 <pre>......</pre>
19. <body>명령어의 속성
[1] 배경색 -- bgcolor <body bgcolor=#rrggbb>
[2] 배경 패턴 -- 배경 <body background="그래픽 파일 이름">
[3] 배경 패턴을 설정하면 스크롤되지 않습니다 -- bgproperties <body bgproperties=fixed>
[4] 파일 내용 내 텍스트 색상 -- 텍스트 <body text=#rrggbb>
[5] 하이퍼링크 텍스트 색상 -- 링크 <body link=#rrggbb>
[6] 선택되는 하이퍼링크 텍스트의 색상 -- vlink <body vlink=#rrggbb>
[7] 하이퍼링크 텍스트의 색상 -- alink <body alink=#rrggbb>
1. 사진
1. 이미지를 삽입합니다 <img src="graphic filename" >
2. 프레임 설정 -- border <img src="graphic file name" border=points>
3. 그래프 크기를 설정하세요 -- 너비, 높이 <img src="drawing file name" width=width, points, height=height points>
4. 그래픽을 위아래, 좌우, 좌우 공백 남기도록 설정하세요 -- vspace, hspace <img src="graphic file name" vspace=위와 아래 공간 포인트, hspace=왼쪽과 오른쪽 빈칸 포인트>
5. 그래픽 노트 <img src="graphic file name" alt="caption">
6. 사전 불러온 이미지
<img src="고해상도 그래픽 파일 이름" lowsrc="저해상도 그래픽 파일 이름"> 추신. 두 그래프의 그래픽 크기는 동일해야 합니다
7. 이미지 맵 <img src="그래픽 파일 이름" usemap="#图的名称" > <map name="이미지 이름">
<영역 모양=형태 좌표=영역 좌표 목록 href="링크 지점의 URL">
<영역 모양=형태 좌표=영역 좌표 목록 href="링크 지점의 URL">
<영역 모양=형태 좌표=영역 좌표 목록 href="링크 지점의 URL">
<영역 형태=형태 좌표 = 영역 좌표 목록 href="링크의 URL"> </map>
[1] 형태를 정의해 보세요 -- 형태
shape=rect:직사각형 shape=circle:circle shape=poly:poly:poly
[2] 영역을 정의하세요 -- 좌표
a. 직사각형: 네 개의 숫자를 사용해야 하며, 처음 두 숫자는 왼쪽 위 좌표, 마지막 두 숫자는 오른쪽 아래 좌표입니다
예를 들어: <area shape=rect coords=100,50,200,75 href="URL">
b. 원: 세 개의 숫자를 사용해야 하며, 처음 두 숫자는 원의 중심 좌표이고, 마지막 숫자는 반지름 길이입니다
예를 들어, <area shape=circle coords=85,155,30 href="URL">
c. 임의의 도형(다각형): 도형의 각 전환점의 좌표를 순서대로 채우기
예를 들어: <area shape=poly 좌표=232,70,285,70,300,90,250,90,200,78 href="URL"
2. 표 관련
1. 테이블 제목
<caption>......</caption>
테이블 헤더 위치 -- 정렬
<캡션 align="#"> #号可为 상단: 테이블 제목이 테이블 위에 위치합니다(기본값)
아래: 표 제목은 표 아래에 배치되어 있습니다
2. <tr>열의 정의
3. 열 《1》를 정의한다<td>: 왼쪽으로 정렬
《2》<th>: 정렬 ii. 굵게
[1] 수평 위치 -- 정렬 < 정렬="#">
왼쪽 #号可为: 왼쪽으로 정렬하세요
중앙: 중앙에 정렬 오른쪽: 오른쪽으로 정렬
[2] 수직 위치 -- 정렬 < 정렬="#"> #号可为
위: 중앙에 정렬: 중앙에 정렬
아래: 아래로 정렬
[3] 칼럼 너비 -- 너비
< 번째 너비=점수 수 또는 백분율>
[4] 열의 수직 병합 -- 행 길이
<번째 행 구간=열 수를 병합하고 싶습니다>
[5] 기둥의 수평 합합 -- 콜스판
< 번째 colspan=열의 수를 병합하고 싶습니다>
3. 프레임
1. 분할 창 명령 <frameset>......</frameset>
[1] 수직(위/아래) 구분 -- 행
<프레임셋 행=#> #号可为点数: 세 개의 창, 100, 200, 300으로 나누고 싶다면
<프레임셋 행=100,200,300>; 또한 <프레임셋 행=*,500,*과 같은 * 기호로도 표현할 수 있습니다>
비율: 예를 들어< 프레임셋 행=30%, 70% >, 각 항목의 합은 100%여야 합니다
[2] 수평(좌우) 분할 -- cols <프레임셋 cols=점수 또는 백분율>
2. 창 내용을 명시하세요 <frame>--
<frameset cols=30%,70%> <frame> <frame> </frameset>
[1] 창의 파일 이름을 지정하세요 -- src <frame src=HTML 파일명>
[2] 창의 이름을 정의하세요 -- 이름입니다
<프레임 이름=창 이름>
[3] 파일과 상하 경계 사이의 거리 -- 여백높이 설정하기
<프레임 마진높이=점수 수>
[4] 파일과 좌우 경계 사이의 거리를 설정하세요 -- 여백 너비
<프레임 마진폭=점수 수>
[5] 분할 창 스크롤을 설정하세요 -- 스크롤 중입니다
<프레임 스크롤=#> #号可为 네: 고정 스크롤링 릴입니다
아니오: 스크롤이 나타나지 않음 자동 확인: 파일 크기가 스크롤에 필요한지 자동으로 결정합니다 (기본 값)
[6] 분할 창의 크기를 잠그기 — 노어사이즈 <프레임 노어사이즈>
마크 유형 번역 또는 의미 함수 비주
파일 태깅
<HTML> ● 파일 선언: 이것이 HTML 파일임을 브라우저에 알려줍니다
<HEAD> ● 시작 문서의 전체 정보를 제공하세요
<TITLE> ● 제목은 파일의 제목을 정의하며, 탐색 상단에 표시됩니다
<BODY> ● 이 글은 파일 형식과 텍스트 내용을 설계합니다
타이포그래피 마크
<!-- 노트 --> ○ 설명 표시 파일에 설명을 추가하되 표시하지 않습니다
<P> ○ 단락 표시 단어, 그림, 표 사이에 빈 줄을 남겨두세요
<BR> ○ 줄 바김 다음 줄에 단어, 그림, 표 등이 나타나게 하세요
<HR> ○ 가로선 가로 선 삽입해
<CENTER> ● 중앙에 단어, 그림, 표 등을 표시하기 위해 중앙에 배치합니다. 반대편
<PRE> ● 프리셋 형식은 소스 코드 배열에 따라 파일을 표시합니다
<DIV> ● 별도의 마커 단어, 그림, 표 등의 배치를 설정합니다
<STRONG> ● 강조 톤 대담한 글꼴 효과를 만들어내기
<B> ● 굵은 마크업은 글꼴 굵기 효과를 만듭니다
<EM> ● 강조 표시 글꼴은 이탤릭체 효과가 있습니다
<I> ● 이탤릭체 마크업 글꼴에 이탤릭체 효과가 있습니다
<TT> ● 타이핑 폰트 Courier 폰트가 같은 글자 폭을 가지고 있습니다
<U> ● 결론 추가, 반대 요약
<H1> ● 1단계 칭호 표시는 두껍고 크고 넓어지며, 그 정도는 시리즈 수에 반비례합니다
<H2> ● 보조 타이틀 마커는 글꼴을 더 두껍고, 더 크고, 넓게 만듭니다
<H3> ● 3단계 제목 표시: 글꼴을 더 두껍고, 더 크고, 더 넓게 만들기
<H4> ● 글꼴을 더 두껍고 크고 넓게 만드는 4단계 타이틀 마커
<H5> ● 5단계 타이틀 마커는 글꼴을 더 두껍고 크고 넓게 만듭니다
<H6> ● 글꼴을 더 굵고 크고 넓게 만드는 6단계 타이틀 마커
<FONT> ● 글리프 마커 글리프, 크기, 색상을 그에 맞춰 맞춰
<BASEFONT> ○ 기본 글리프 마커는 모든 글리프, 크기, 색상을 반대 방향으로 설정합니다
<BIG> ● 글꼴 확대 글꼴을 약간 더 크게 하세요
<SMALL> ● 글꼴 축소 글꼴을 조금 더 작게 하세요
<STRIKE> ● 삭제를 위한 선을 그려 반대 글꼴에 취소선 추가하기
<CODE> ● 프로그램 코드 글꼴은 약간 더 넓으며, 예를 들어<TT>
<KBD> ● 키보드 폰트 글꼴은 약간 넓어져 단일 빈칸이 있습니다
<SAMP> ● 예시 글꼴이 약간 넓어져 있습니다. <TT>예를 들어
<VAR> ● 가변 이탤릭 효과
<CITE> ● 이탤릭체 효과가 있는 전기 인용문
<BLOCKQUOTE> ● 인용 텍스트 블록 들여쓰기 글꼴
<DFN> ● 술어 정의 이탈릭 효과
<ADDRESS> ● 주소 표시 이탤릭체 효과
|
게시됨 2014. 12. 22. 오후 11:05:45
|
|
|
게시됨 2014. 12. 25. 오후 11:42:59