프런트엔드 HTML 지식 포인트 편집
1. html 개요
htyper 텍스트 마크업 언어는 하이퍼텍스트 마크업 언어입니다
하이퍼텍스트: 페이지에 사진, 링크는 물론 음악, 프로그램 등 텍스트가 아닌 요소까지 포함될 수 있음을 의미합니다.
마크업 언어: 태그로 구성된 언어 웹 페이지 == 브라우저에서 구문 분석되어 표시에 사용되는 HTML 문서
정적 웹페이지: xxx.html과 같은 정적 리소스동적 웹 페이지: HTML 코드는 사용자 요청에 따라 특정 개발 언어에 의해 동적으로 생성됩니다.
다음은 html 파일의 트리 구조도입니다
태그의 개념
은 꺾쇠괄호로 묶인 한 쌍의 단어로 구성됩니다. 예: *모든 태그의 단어는 숫자로 시작할 수 없습니다.
- 태그는 대소문자를 구분하지 않습니다.
- 태그는 시작 태그 와 종료 태그 의 두 부분으로 나뉩니다.
- 일부 태그 기능은 하나의 태그만 사용하면 됩니다. 예를 들면
- 태그는 중첩될 수 있지만
- 태그 속성:
img />
은 일반적으로 키-값 쌍의 형태로 나타납니다(예: name="alex").
속성은 여는 태그나 자체 닫는 태그에만 나타날 수 있습니다.- 속성 이름은 모두 소문자입니다. *속성 값은 큰따옴표나 작은따옴표로 묶어야 합니다. 예: name="alex"
- 속성 값과 속성 이름이 완전히 동일한 경우에는 속성 이름을 직접 작성하세요. 예를 들어 readonly
- 2. head의 주요 태그 소개
메타 태그의 구성: 메타 태그에는 http-equiv 속성과 이름 속성이라는 두 가지 속성이 있습니다. 이러한 서로 다른 매개변수 값은 서로 다른 웹 기능을 실현합니다. .
- 1 name 속성은 주로 웹페이지를 설명하는 데 사용되며, 해당 속성 값은 content입니다. 콘텐츠의 콘텐츠는 주로 검색 엔진 로봇이 정보를 찾고 정보를 분류하는 데 사용됩니다.
2 http-equiv는 이름에서 알 수 있듯이 http의 파일 헤더 기능과 동일하며 웹 페이지 콘텐츠를 정확하고 정확하게 표시하는 데 도움이 되는 몇 가지 유용한 정보를 반환할 수 있습니다. 내용 내용은 실제로 각 매개변수의 변수 값입니다.
//(끝, 초 앞, URL 뒤의 따옴표에 유의하세요. .)
- 3. 본문 태그
기본 태그:
: 단락 태그입니다. 위쪽과 아래쪽 내용 사이에도 빈 줄이 있습니다.
: 굵은 라벨
: 텍스트에 중심선을 추가합니다.
: 텍스트가 이탤릭체로 표시됩니다.
및 : 위 첨자 및 아래 첨자.
: 줄 바꿈.
:가로선
块级标签和内联标签
块级标签: