마스터해야 할 기본 HTML 지식

零下一度
풀어 주다: 2017-05-05 13:55:55
원래의
2078명이 탐색했습니다.


1. HTML 개요

HTML은 Hyper Text Markup Language의 약자로, "하이퍼텍스트 마크업 언어"를 의미하며 실제로는 웹 페이지 작성에 특별히 사용되는 프로그래밍 언어입니다. 대부분의 웹페이지의 기본은 HTML 문입니다.

1. HTML 문서의 기본 구조


모든 페이지에는 최소한 이러한 부분이 포함되어야 합니다. 브라우저의 내결함성이 강하기 때문에 포함하지 않아도 정상적으로 표시될 수 있지만, 완전히 작성하는 것이 가장 좋습니다.

2. HTML 파일 작성 방법

HTML 파일은 ASCII 형식의 파일입니다. ASCII 파일을 편집할 수 있는 모든 편집기에서 편집할 수 있습니다. (HTML 파일에 중국어 문자가 포함된 경우 중국어를 지원하는 편집기에서 편집해야 합니다.)

3. HTML 파일 디버깅

브라우저로 직접 열어 실행 결과 확인

4. HTML 파일 내용

◇ 헤더 부분은 HTML 페이지에 몇 가지 보조 정보나 속성 정보를 추가하는 부분으로, 그 안에 있는 내용은 먼저 로드하세요. 본문 부분은 페이지 데이터가 실제로 저장되는 곳입니다.

◇ 대부분의 태그에는 시작 태그와 종료 태그가 있습니다. 일부 태그에는 단일 기능만 있거나 수정할 내용이 없기 때문에 태그 내에서 끝날 수 있습니다.

◇ 태그로 수정된 콘텐츠에 대해 보다 풍부한 작업을 수행하려면 태그의 속성을 사용하면 속성 값을 변경하여 더 많은 효과 옵션이 추가됩니다.

◇ 속성과 속성값을 연결하려면 "="를 사용하세요. 속성 값은 큰따옴표나 작은따옴표를 사용할 수 있으며 일반적으로 큰따옴표를 사용합니다. 또는 회사 규정 작성 표준.

5. HTML 파일의 태그

1) 형식: <태그 이름 속성 이름='속성 값'> ; 데이터 내용 또는 <태그 이름 속성 이름='속성 값' />

2) 작업 아이디어: 작업을 위해 데이터가 필요합니다. 다양한 태그로 캡슐화할 수 있으며, 캡슐화된 데이터는 태그의 속성을 통해 작동될 수 있습니다.

태그는 컨테이너와 동일합니다. 컨테이너의 데이터에 대해 작업을 수행한다는 것은 컨테이너의 속성 값을 지속적으로 변경하는 것입니다.

2. 목록

목록은 정보를 체계적으로 정리하는 방법입니다. 내용을 가로로 하나씩, 직관적이고 명확하게 표시해 줍니다. 그리고 테이블과도 다릅니다. 일반적으로 목록은 테이블만큼 복잡하지 않습니다.

1.순서가 없는 목록으으으


2. 주문 목록

으으으


3. 정의 목록

사용자 정의 목록은
태그로 시작됩니다. 각 사용자 정의 목록 항목은
로 시작됩니다. 각 사용자 정의 목록 항목의 정의는
로 시작됩니다.

<span style="font-size:14px;"><ul>
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li>
</ul></span>
로그인 후 복사

결과:

  • 커피

  • 검은 뜨거운 음료

  • 우유

  • 흰 차가운 음료

4. 속성을 가질 수 있는 두 개의 복잡한 목록 태그 ul 및 ol

1)