1. <html> ... </html> 태그
단순이든 복잡하든 HTML 파일은 <html>로 시작하여 </html>로 끝납니다. <html> 태그는 또한이 파일이 HTML 파일임을 지적합니다. 브라우저에서 <html> 태그가 발생하면 HTML 표준에 따라 다음 텍스트가 해석되며 최종 태그가 발생할 때까지 위의 설명은 중지되지 않습니다. 팁 : HTML 언어는 해석 된 언어이며 편집 할 필요가 없습니다. 브라우저로 직접 코드를 실행할 수 있습니다.
2. <head> ... </head> 태그
<head> 및 </head>는 HTML 파일의 시작 부분을 구성합니다. 웹 페이지 제목 또는 웹 페이지에 표시되지 않은 기타 정보를 설명하기 위해 <title> ... </title>, <cript> ... </script> 및 기타 태그 쌍을 사용할 수 있습니다.
3. <title> ... </title> 태그
<title> 태그는 일반적으로 웹 페이지의 주제 인 브라우저 창의 제목 표시 줄에 날씬한 텍스트 정보를 설정하는 데 사용됩니다. 참고 : <title> </title> 태그 쌍은 <head> </head> 태그 쌍 사이에만 배치 할 수 있습니다.
4. <body> ... </body> 태그
<body> </body>는 HTML 파일의 테마 부분이며 여러 개의 태그가 그들 사이에 정의 될 수 있습니다. 동시에 <hod>에는 많은 속성이 있으며 다음은 일반적으로 사용됩니다. <body> 지침의 특성
backbackground 색상- bgcolor <Body bgcolor = 색상 코드>
② 배경 패턴- 배경 <바디 배경 = 그래픽 파일 이름>
scroll 스크롤하지 않도록 배경 패턴을 설정합니다- bgproperties <body bgproperties = 고정>
④ 파일 콘텐츠 텍스트의 색상- 텍스트 <바디 텍스트 = 색상 코드>
Hyperlink 텍스트 색상-link <Body Link = 색상 코드>
Hyperlink 선택중인 하이퍼 링크 텍스트의 색상- Vlink <Body Vlink = 색상 코드>
link 링크 된 하이퍼 링크 텍스트의 색상-link <body link = 색상 코드>
그들이 정의하는 텍스트와 이미지는 브라우저 창에 표시됩니다. <body> 태그에는 많은 태그를 포함 할 수 있으며 일반적인 태그는 다음과 같습니다.
⑴ 텍스트의 크기를 변경 <h#> ……………. </h#>, 여기서#= 1 ~ 6; H1은 가장 큰 캐릭터이고 H6은 가장 작은 캐릭터입니다.
font 폰트 변경 <Font> ......... </font>
font 글꼴 크기 변경 <font size = #> ......... </font> #= 1 ~ 7; 숫자가 클수록 단어가 더 커집니다
텍스트의 글꼴 <font face = font name> ........... </font>
③ 텍스트의 색상 변경 <font color =#rrggbb> ......... </font> rr : 빨간색 코드 GG : 녹색 코드 BB : 청색 색상 코드
⑶ 작은 글꼴을 표시 <Small> .... </small>; 큰 글꼴 표시 <빅> ... </big>; 대담한 글꼴 표시 <b> ..... </b>; 이탤릭체 폰트를 보여줍니다 <i> ..... </i>; 타자기 글꼴 표시 <tt> ... </tt>; 결론을 보여주십시오 <u>. Strikethrough fonts <sub> ... </sub>; 표시 <sub>를 표시하십시오. Show SuperScripts <pup>. 보여주다. 텍스트 플래시 효과 <blink> ..... </blink>
⑷리스트 브레이크 마크 <br>; 세그먼트 마크 <p>
텍스트의 정렬 방향을 변경합니다. # 번호는 왼쪽으로 남을 수 있습니다 : 테이블은 왼쪽 (사전 설정 값) 중심에 정렬 : 테이블 오른쪽에 테이블이 정렬 : 테이블은 오른쪽에 정렬됩니다. ps <p align =#> 이후의 텍스트는 다른 <p align =#>가 정렬 방향을 변경하거나 <hr> <h#> 태그가 발생할 때까지 설정 정렬에 표시됩니다. 사전 설정 좌측 정렬로 자동으로 설정됩니다.
divider <hr>를 삽입하십시오
divider 분할 선의 두께 <hr size = point 번호>
divider <hr size = point 또는 백분율>의 너비
divider 라인 정렬 방향 <hr align = #> # 숫자가 남을 수 있습니다 : 테이블은 왼쪽에 정렬 (사전 설정 값) 센터 : 테이블 오른쪽에 정렬 : 오른쪽에 테이블 정렬.
divider <hr color = color code>의 색상
solid divider <Hr Noshade>
Center Alignment <center> ......... </center>
일반적으로 <body> 태그에 테이블이 있습니다. 테이블을 정의하는 태그는 <pable> ........ </table>이며, 일반적으로 다음 속성이 있습니다.
portle 경계의 두께 설정- 경계 <테이블 테두리 = 포인트 번호>
② 그리드의 너비 설정- 셀 패싱 <테이블 셀 패싱 = 포인트 번호>
data 데이터와 그리드 라인 사이의 거리 설정- 셀 패딩 <테이블 셀 패딩 = 포인트 번호>
④ 테이블 너비를 조정합니다. <테이블 너비 = 점 또는 백분율>
⑤ 테이블 높이를 조정합니다- 높이 <테이블 높이 = 점 또는 백분율>
table 테이블 배경색 설정- bgcolor <table bgcolor = 색상 코드>
⑦ 테이블 테두리의 색상 설정- BorderColor <TABLE BORDERCOLOR = 색상 코드>
display 그리드 라인 <테이블 테두리>
⑽table title <caption> ........ </caption> 테이블 제목 위치 - Align <caption align = #> # 번호가 상단 될 수 있습니다 : 테이블 제목이 테이블 위에 배치됩니다 (사전 설정 값) 하단 : 테이블 제목은 테이블 아래에 배치됩니다.
5. <!-주석 내용->
<!-마크는 주석의 시작을 나타냅니다.
-> 태그는 주석의 끝을 나타냅니다.
주석의 기능은 디자인을 용이하게하고 다른 사람들이 읽는 것입니다. 브라우저가 HTML 파일을 처리하면 주석 마크 및 주석 내용이 무시됩니다.