> 웹 프론트엔드 > HTML 튜토리얼 > HTML의 기본 구조와 태그에 대한 자세한 소개

HTML의 기본 구조와 태그에 대한 자세한 소개

高洛峰
풀어 주다: 2017-03-20 16:41:10
원래의
1823명이 탐색했습니다.

HTML 기본 구성 구조와 태그

실제로 구성 구조는 다음과 같은 그림을 보면 간략하게 이해할 수 있습니다

HTML의 기본 구조와 태그에 대한 자세한 소개

현재 일반 웹사이트의 구조는 그리 명확하고 단순하지 않습니다

우선 헤더부터 살펴보겠습니다

HTML의 기본 구조와 태그에 대한 자세한 소개

이것이 더 명확하지 않나요? 탐색 열은 사용자가 슈퍼마켓에 가면 사용자가 웹사이트의 콘텐츠를 볼 수 있도록 안내하는 빠른 항목입니다. 간장을 사려면 슈퍼마켓 머리 위에 분류 구역(예: 생필품, 의류, 주방용품 등)이 걸려 있습니다.

그런 다음 분류를 거치게 됩니다. 당신이 사고 싶은 품목이 어디에 분류되어 있는지 찾으려면 당신이 사고 싶은 간장만 찾으면 됩니다.

그럼 계속해서 내용 부분을 살펴보겠습니다. 이름에서 알 수 있듯이 글과 그림, 기타 내용을 결합하여 보여주는 작가나 진행자의 표현입니다.

이렇게 내용이 표시됩니다. 비유를 하자면 스타벅스는 커피를 마시는 곳이라는 것은 누구나 다 아는 이야기입니다. . 하지만 마시는 커피는 콘텐츠에 따라 다릅니다. 프런트에 가서 커피의 종류와 가격을 확인하세요

히어러와 콘텐츠의 차이점은 제가 개인적으로 이해하는 바는 헤더입니다. 디렉토리에 콘텐츠를 구현할 수도 있지만 더 많은 콘텐츠가 특정 속성 및 주소

마지막으로 footmark라고도 하는 바닥글에 대해 이야기해 보겠습니다

HTML의 기본 구조와 태그에 대한 자세한 소개

위에 나열된 웹사이트의 연락처 및 감독 등입니다. 예를 들어 자동차 면허증과 동일합니다. 즉, 차량 관리 사무소의 감독 및 연락처 정보가 필요합니다. .

이것을 소개했는데, 웹페이지의 구조에 대한 전체적인 인상이 보이시나요?

다음으로 html 웹페이지의 태그에 대해 말씀드리겠습니다

아주 웹 페이지의 태그를 보는 간단한 방법은 웹 페이지의 빈 공간을 마우스 오른쪽 버튼으로 클릭하면 소스 코드를 볼 수 있습니다.

HTML의 기본 구조와 태그에 대한 자세한 소개

꺾쇠괄호로 구성된 코드가 많이 보이시나요? 이것은 슬래시가 있는 경우 태그의 닫힘이라고도 할 수 있습니다.

로 이해됩니다. 해당 관계 제목을 살펴보겠습니다. 일반적인 상황은 다음과 같습니다. 다른 방법의 제목 작성도 당분간 고려하지 않습니다. 내용에서 관계 중 일부는 다음과 같습니다.

HTML의 기본 구조와 태그에 대한 자세한 소개

물론 여기서는 간략한 소개만 하고 자세한 내용은 나중에 이해하겠습니다.

HTML의 기본 구조와 태그에 대한 자세한 소개태그를 보고 있습니다내부와 외부의 관계가 소위 중첩입니다

 

 

     p>

 

태그가 겹겹이 쌓여있습니다. 태그의 중첩이므로 가장 바깥쪽의 p가 회장, h2가 부장과 그와 같은 직급의 사람, ul도 부장, li와 p가 부서장 등의 계층적 관계

예를 들어 A사 회장과 B사 회장은 서로 아는 사이인데, 이때 원하는 카피에는 둘 중 한 사람이 필요합니다. 그러면 B가 회사에 돌아와서

이 내용을 통보해야 합니다. p>h2> ul>li 또는 p 그러면 직원들은 상사가 카피라이팅을 원한다는 것을 알게 됩니다. 저희 크롤러 BeautifulSoup도 이 논리를 따라 크롤링합니다

. 원하는 콘텐츠, 즉 태그 수준을 통해 콘텐츠를 찾는 것입니다.

이번에는 간략하게 소개하고 앞으로도 계속 업데이트하도록 하겠습니다. ​

위 내용은 HTML의 기본 구조와 태그에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿