HTML 기본

1: 관련 개념의 이해

1: WEB 표준의 개념과 제도적 구성

WEB 표준은 단일 표준이 아닌 일련의 표준을 모아놓은 것이다. 이러한 표준은 주로 W3C(World Wide Web)에서 초안을 작성하고 게시합니다.

2: 웹 페이지 구조

웹 페이지는 크게 HTML, CSS, JAVASCRIPT 세 부분으로 구성됩니다. 기능은 웹 페이지의 페이지 구조를 작성하여 웹 페이지의 레이아웃과 상호 작용을 용이하게 하는 데 사용되며, CSS는 웹 페이지의 구조를 더욱 아름답게 보이도록 웹 페이지를 레이아웃하는 데 사용됩니다. 사람과 페이지 간의 상호 작용을 처리하여 응답을 생성합니다. 해당 프로그래밍 언어는 다음과 같습니다.
구조화된 언어에는 XHTML 및 XML이 포함됩니다.
프레젠테이션 언어는 CSS입니다.
대화형 동작 언어는 개체 모델(예: W3CDOM, ECMAScript 등)입니다. )

3 : W3C에서 지정한 구조 및 표현 표준: 구조(XHTML, XML), 표현(CSS), ECMA에서 지정한 동작(DOM, ECMASCRIPT)

4: 파일명 지정

파일명은 소문자로 시작하고 밑줄, 숫자 등이 와야 합니다. 중국어나 특수문자는 파일명으로 사용할 수 없습니다.

2: HTML 및 관련 개념

1: Hypertext Markup Language 및 Extensible Hypertext Markup Language

HTML은 Hypertext Markup Language(Hyper Text Markup Language)를 의미하며, XHTML은 확장 가능한 하이퍼텍스트 언어를 나타냅니다.

2: HTML5 편집 HTML5는 W3C와 WHATWG 간의 협력의 결과입니다.

3: HTML 페이지 구조

HTML 페이지는 태그와 속성으로 구성됩니다. HTML 문서는 주로 헤드(파일 헤더)와 본문(파일 본문)으로 구성됩니다. 머리 부분은 일반적으로 브라우저 창에 표시되지 않습니다(제목, 특정 유형의 메타 태그 및 웹 페이지 로고 제외). 본문 부분은 사용자가 브라우저 뷰포트 영역에서 보는 부분입니다.

html의 루트 요소

파일 헤더

body> 파일의 본문, 페이지에 표시할 내용을 본문에 넣어야 합니다.

문자 세트, 콘텐츠 유형, 인코딩 형식 설정

파일 제목

페이지 구조는 다음과 같습니다. :

4: HTML 분류

HTML 문서는 세 가지 유형, 즉 strict(엄격한 유형), Transitional(전환 유형), 프레임셋( 프레임 유형) ).

5: 작성 사양

태그 이름과 속성 이름은 소문자여야 합니다.

HTML 태그는 닫혀야 합니다.

속성 값은 반드시 소문자여야 합니다. 따옴표로 묶음

태그가 올바르게 중첩되어야 함

문서 유형 선언(!DOCTYPE)이 추가되어야 함

6: HTML 기본 구문

일반 태그

< ; mark 속성 = "속성 값" attribute = "속성 값" > >

7: 일반 HTML 태그

A: 일반 블록 태그

div, p, h1...h6, ol, ul, dl, table, address, blockquote , form

B: 일반적인 인라인 태그

a,span, br, i, em , Strong, label, q, var, cite, code

C: 일반적인 인라인 블록 태그(img에는 ​​3픽셀 여백이 제공되며 다음 CSS 스타일 문을 사용하여 실제 작업에서 제거할 수 있음) : img{border:none;display:block;})

img, input

8: 웹 페이지에서 일반적으로 사용되는 특수 문자

는 줄 바꿈이 없음을 의미합니다. , 공백

> 오른쪽 꺾쇠괄호

© 파일링 아이콘

9: 하이퍼링크

하이퍼링크는 WWW의 기초이자 핵심입니다. 현재 웹 페이지에서 다른 웹 페이지로 이동하려면 이 링크를 클릭하세요.

구문 형식은 다음과 같습니다.

target 속성은 링크를 새 창에서 열지 여부를 나타냅니다. 해당 속성 값에는 _blank 및 _self의 두 가지 값이 있습니다. _blank는 링크를 열지 여부를 나타냅니다. 새 창에서 _self는 현재 창에서 링크를 여는 것을 나타냅니다.

빈 링크:

다른 사이트 링크

yyy

이메일 링크

이메일

다운로드 링크

파일 다운로드

Uniform Resource Locator라고도 불리는 URL은 웹 웹페이지의 주소이며 http 프로토콜, 도메인 이름, 포트 번호, 경로의 4가지 부분으로 구성됩니다. 예: http://www.cycf.org.cn:8080/index.html; 여기서 http://는 http 프로토콜, www.cycf.org.cn은 도메인 이름, :8080은 포트 번호, index.html을 페이지 경로라고 합니다.

10: 경로

절대 경로:

절대 경로는 하드 디스크에 있는 홈페이지에 있는 파일이나 디렉터리의 실제 경로를 의미합니다. 파일은 비교적 명확하지만 두 가지 단점이 있습니다. 첫째, 더 많은 내용을 입력해야 하고, 둘째, 파일을 이동하면 모든 관련 링크를 재설정해야 합니다.

상대경로 :

상대경로는 웹사이트 내부 링크일 경우에도 합의된 웹사이트에 속하면 가장 적합합니다. 동일한 디렉토리에 있지 않은 경우 상대 링크도 이에 적합합니다. 이 주소 형식은 링크를 구성하는 두 파일 간의 상대적 관계를 활용하며 사이트 폴더가 있는 서버의 위치에 영향을 받지 않습니다. 따라서 이 글에서는 절대 주소의 동일한 동일한 부분을 생략합니다. 이것의 장점은 사이트 폴더가 위치한 서버 주소가 변경되더라도 폴더의 모든 내부 링크가 문제를 일으키지 않는다는 것입니다.

상대경로 쓰기 :

A: 현재 파일과 대상 파일이 같은 디렉터리에 있을 때, 직접 작성 대상 파일명 + 확장자

B: 현재 파일과 대상 파일이 있는 폴더가 같은 디렉터리에 있는 경우 작성 방법은 다음과 같습니다.

폴더 대상 파일의 이름/전체 이름 + 확장자 ;

C: 현재 파일이 있는 폴더와 대상 파일이 있는 폴더가 같은 디렉터리에 있지 않을 때 쓰기 방법은 다음과 같습니다. :

../대상 파일이 있는 폴더 이름/대상 파일 이름 + 확장자