1. HTML 소개
HTML(Hyper Text Markup Language)은 하이퍼텍스트 마크업 언어입니다. 인터넷상의 텍스트, 그래픽, 애니메이션, 사운드, 표, 링크 등을 일련의 태그를 통해 전체적으로 연결합니다. 표현해야 할 정보는 전용 브라우저에서 인식되는 특정 규칙에 따라 HTML 파일로 작성되며, 이러한 HTML 파일은 식별 가능한 정보, 즉 지금 보고 있는 웹 페이지로 "번역"됩니다. 사람들이 정보를 찾고 검색할 수 있는 편의를 제공합니다.
2. 웹페이지의 분류
정적 웹페이지와 동적 웹페이지로 구분
(1) 정적 웹 페이지: 순수 HTML 형식의 웹 페이지는 탐색만 제공할 수 있으며 언제 어디서 탐색하든 동일한 형식과 내용을 표시하므로 웹 사이트와 상호 작용할 수 없습니다. 정적 웹 페이지에서는 전체 웹 페이지의 주요 구조와 웹 페이지의 표시 제어가 HTML을 사용하여 구현됩니다. 정적 페이지의 확장자는 일반적으로 .htm, .html, .shtml 및 .xml입니다.
정적 웹 페이지는 웹 페이지에 텍스트와 그림만 표시할 수 있습니다. 기능적으로는 단순해 보이지만 모든 웹 페이지의 기본 요소이며 그 중요성은 자명합니다.
정적 웹 페이지에서는 .gif 형식의 애니메이션, 플래시, 글자 스크롤 등 다양한 동적 효과가 나타날 수 있습니다. 이러한 "동적 효과"는 시각적일 뿐이며 동적 웹 페이지와는 다른 개념입니다.
(2) 동적 웹페이지: 동적 기술을 사용하는 웹페이지는 특정 조건의 변화에 따라 웹페이지의 내용이 자동으로 변경될 수 있습니다. 동적 웹페이지의 확장자는 정적 웹페이지의 확장자와 달리 .asp, .jsp, .php, .perl, .cgi 등이며, 동적 웹페이지 URL에는 "?"라는 아이콘 기호가 있습니다.
3. 마크
기능을 설명하기 위해 HTML에서 사용되는 기호입니다.
태그를 사용할 때는 꺾쇠 괄호 "<>"로 묶어야 합니다. 브라우저는 꺾쇠 괄호 안의 마크업을 해석합니다. HTML에서 일반적으로 사용되는 주요 태그는 <html>, <head>, <title> 및 <body>입니다.
마커는 단일 마커와 이중 마커로 구분됩니다.
(1) 단일 태그: 괄호 안에 태그 이름만 입력하면 됩니다. 단일 태그는 기능을 나타내며 범위가 없습니다.
형식: <태그>
줄 바꿈 표시 등: < br>
(2) 이중 표시 : 표시에는 시작과 꼬리가 있고 앞 표시는 다음 표시와 일치하나 뒤 표시 앞에 슬래시가 있습니다.
형식: <mark>Jingrui Youzhi</mark>
단락 표시와 같은 < p> < /p>
4. HTML 마크업 구성
<html><head><title>C 언어 네트워크</title></head><body><h1>C 언어 네트워크를 잘 활용하려면? </h1><p>C 언어 네트워크에 대한 질문이 많습니다</p></body></html>
완전한 HTML 페이지는 실제로 태그 쌍으로 구성됩니다(물론 예외도 있습니다).
(1) <html></html>: 웹페이지의 여는 태그와 닫는 태그입니다.
(2) <head>< /head> : 웹페이지 헤더 정보의 시작과 끝 태그.
(3) <body>< /body>: 웹 페이지 본문의 시작 및 끝 태그입니다.
(4) <title>< /title>: 웹 페이지의 테마 열기 및 닫기 태그입니다.
(5) < p>< /p> : 웹 페이지 문단의 시작과 끝 태그
5. 웹페이지 레이아웃 기술
(1) 테이블 레이아웃 기술: 과거에는 테이블 레이아웃이 더 보편화되었는데, 이는 필요한 다양한 텍스트, 이미지 자료 등을 경계선 없는 테이블에 넣는 것입니다. 서로 다른 개체를 구분하지 않고 처리할 수 있다는 장점이 있습니다. 단점은 테이블을 너무 많이 사용하면 웹 페이지 데이터의 양이 늘어나고 페이지 다운로드 속도에 영향을 미친다는 것입니다.
(2) CSS(Cascading Style Sheet) 기술: DIV+CSS 레이아웃 기술이라고도 하며 텍스트와 그림의 위치를 정확하게 지정하고 데이터와 형식을 분리하며 웹 페이지의 데이터 양을 크게 줄일 수 있습니다. CSS는 초보자에게는 다소 어렵지만 실제로는 좋은 레이아웃 방법이며 현재 가장 일반적으로 사용되는 웹 페이지 레이아웃 기술입니다.