초보자는 오래된 지식을 배웁니다. (1) HTML 언어 기본

1. 왜요?

지난 2년 동안 많은 회사에서 그래픽 HTML 개발 도구를 개발하여 웹 페이지 제작을 매우 간단하게 만들었습니다. Microsoft가 출시한 Microsoft FrontPage, Adobe가 출시한 Adobe Pagemill, Micromedia가 출시한 Dreamweaver 등의 편집 도구를 모두 "보이는 대로 얻을 수 있다(What You See Is What You Get)" 도구라고 합니다. 이러한 그래픽 개발 도구는 힘든 마크업을 작성하지 않고도 웹 페이지를 직접 처리할 수 있습니다. 이를 통해 사용자는 HTML 언어에 대한 기본 지식 없이도 웹 페이지를 작성할 수 있습니다. 현재 HTML 문서 작성 작업은 개발 도구를 통해 완료됩니다. 이는 웹 그래픽 편집 도구의 가장 큰 성공이지만 가장 큰 단점이기도 합니다. 그래픽 편집 도구 자체의 제약으로 인해 대량의 정크 코드가 생성됩니다. 그 이유는 매우 간단합니다. 간단한 예를 들어보면 이해하실 것입니다. 예를 들어, 웹 페이지의 표를 디자인할 때 각 셀의 너비와 높이가 내용에 따라 자동으로 결정된다면 HTML은 표와 셀의 순서(즉, 행 수와 셀 수)만 알려주면 됩니다. 열) 그러나 그래픽 개발 도구는 사용자의 특별한 요구 사항을 알 수 없기 때문에 일반 요구 사항만 취하고 각 셀의 너비와 높이를 정의할 수 있으므로 많은 코드가 추가됩니다. 따라서 현명한 웹 페이지 작성자는 그래픽 편집 도구를 마스터하여 HTML 언어를 더 배워야 정크 코드가 무엇인지 알 수 있습니다. 이러한 방식으로 우리는 그래픽 HTML 개발 도구를 사용하여 웹 페이지를 빠르게 만들고 불필요한 코드를 제거할 수 있습니다. 고품질의 웹페이지를 빠르게 제작한다는 목적을 달성하기 위한 코드입니다.

2. HTML은 어떻게 사용하나요?

Hyper Text Markup Language라고도 알려진 HTML 언어는 English Hyper Text Markup Language의 약어입니다. 마크업 언어인 HTML 언어는 특정 기호와 구문으로 구성되어 있으므로 이해하고 익히기가 매우 쉽습니다. 모든 컴퓨터 프로그래밍 언어 중에서 HTML 언어가 가장 배우기 쉽다고 할 수 있습니다. HTML을 구성하는 문서는 모두 ASCII 파일이므로 HTML 파일을 만드는 것은 매우 간단하며 일반 문자 편집기만 있으면 됩니다. 예를 들어 Wndows에서는 메모장과 워드패드를 사용할 수 있습니다. CoffeeHTML, Homesite, HTMLedit Pro 등과 같은 전용 HTML 편집 도구를 사용할 수도 있습니다. 이 도구의 기능은 HTML 문서의 문법 오류를 자동으로 확인하고 수정을 지원할 수 있다는 것입니다. 그래픽 HTML 개발 도구 덕분에 이를 사용하여 먼저 웹 페이지를 만든 다음 WYSIWYG 기능을 사용하여 함께 제공되는 HTML 코드 편집기에서 쓸모 없는 코드를 삭제할 수 있습니다. HTML을 능숙하게 마스터하세요. 특히 마이크로미디어가 최근 출시한 드림위버4(Dreamweaver4)는 소스코드 편집기와 웹페이지 편집기를 같은 창에 넣을 수 있어 정말 편리하다.

3. HTML의 기본 개념

1. 태그

HTML에서 기능을 설명하기 위해 사용하는 기호를 "태그"라고 합니다. "HTML", "BODY", "TABLE" 등과 같은 표시는 사용 시 대괄호 ""로 묶어야 하며, 쌍으로 표시되어야 합니다. 슬래시가 없는 표시는 표시 효과의 시작을 나타내고, 슬래시가 있는 표시는 표시 효과의 끝을 나타냅니다. 예를 들어

은 테이블의 시작을 나타내고, 테이블의 끝을 나타냅니다. HTML에서 마크업의 크기는 테이블의 시작을 나타내는 것과 같은 동일한 목적을 갖습니다.

태그에는 테이블이 포함된 테이블이나 기타 태그가 포함될 수 있습니다. 다음 HTML 코드 구조가 정확합니다.

그러나 태그는 교차 중첩될 수 없습니다. 다음 코드는 잘못되었습니다.

잘못된 코드입니다

2. 특수문자

대괄호와 영어 큰따옴표는 HTML 태그와 매개변수 값을 표시하는 데 사용됩니다. . 웹 페이지에 대괄호와 영어 인용 부호를 표시하려면 다른 기호만 사용하여 대체할 수 있습니다. 다음은 일반적인 특수 문자로 표시되는 일반 문자입니다:

>또는>해당문자>
" 또는 "——해당문자"
à——해당문자A

　3. 구문

표시 는 기능을 명확히 하기 위해 종종 일부 속성 매개변수로 설명됩니다. 이러한 속성 매개변수의 지정은 소위 구문입니다. 예: 단락 표시

, 해당 구문 형식은

이는

태그에 "align"과 "class"라는 두 개의 속성 매개변수가 있음을 의미합니다. 여기서 "align"이 사용됩니다. 정의 섹션의 위치가 왼쪽인지 오른쪽인지 중앙인지에 따라 기본값은 왼쪽이 됩니다. 물론 "align" 및 "class" 매개변수는 사용할 수 없습니다. 이는 매우 중요한데, 이는 쓸모없는 코드를 판단하는 주요 기준 중 하나입니다. 웹페이지 코드에 기본값 설정을 설명하는 명령문 코드가 있으면 이는 분명히 쓸모없는 코드입니다. 태그. 기본값이 효과에 영향을 미치지 않거나 거의 영향을 미치지 않으면 기본값을 사용하려고 시도하므로 설정할 필요가 없으므로 코드가 줄어듭니다.

태그 매개변수의 특정 값은 스페인어 따옴표와 함께 추가되어야 합니다. 예를 들어 단락 내용을 중앙에 배치하려면 올바른 작성 방법은 다음과 같습니다.

단락 내용을 중앙 정렬하는 예

HTML 언어를 잘 사용하는 방법을 익히려면 태그 매개 변수를 유연하게 적용하는 것이 중요합니다. 특히 기본값 적용.

위 내용은 초보자를 위한 오래된 지식을 배울 수 있는 내용입니다. (1) HTML 언어 기초에 대한 자세한 내용은 PHP 중국어 홈페이지(www.php.cn)를 참고해주세요!