"HTML5 및 CSS3 기본 튜토리얼 8"
1장, 웹 페이지의 구성 요소
웹페이지는 주로 세 부분으로 구성됩니다:
1. 텍스트 콘텐츠(일반 텍스트)
2. 다른 파일에 대한 참조: 이미지, 오디오, 비디오, 스타일 시트 파일, js 파일
3. 마크업: 텍스트 내용을 설명하고 참조가 올바르게 작동하는지 확인하세요
참고: 이 모든 구성요소는 텍스트로만 구성됩니다
기본 HTML 페이지
HTML은 < ,>를 사용하여 HTML 태그를 묶습니다. 여는 태그(예: <head>)는 요소의 시작을 표시하고 닫는 태그(</head>)는 요소의 끝을 표시하는 데 사용됩니다
페이지 상단 및 헤더
<body>여는 태그 위의 콘텐츠는 브라우저 및 검색 엔진용으로 준비되었습니다. <!DOCTYPE html> 부분은 이것이 HTML5 페이지임을 브라우저에 알려줍니다.
참고: DOCTYPE은 항상 페이지의 첫 번째 줄에 있어야 합니다
다음은 페이지의 나머지 부분을 포함하는 <html> 요소입니다. 다음은 <head> 문서 헤더이고, <meta>, <title>은 문서 헤드에 있습니다.
태그: 요소, 속성, 값 및 기타
태그 구성: 요소, 속성, 값
참고: 라벨에는 소문자를 사용하는 것이 일반적입니다
참고: 속성 값 양쪽의 따옴표는 선택사항입니다. 속성 이름은 소문자로 작성하는 것이 좋습니다. 부모 요소, 자식 요소
요소에 다른 요소가 포함된 경우 해당 요소는 포함된 요소의 상위 요소이며 포함된 요소를 하위 요소라고 합니다.
참고: 올바르게 중첩되었는지 확인하세요. 예:
<div> <p></p></div>
다음과 같이 중첩하지 않으면 문제가 발생합니다
웹페이지는 주로 세 부분으로 구성됩니다:
1. 텍스트 콘텐츠(일반 텍스트)
2. 다른 파일에 대한 참조: 이미지, 오디오, 비디오, 스타일 시트 파일, js 파일
3. 마크업: 텍스트 내용을 설명하고 참조가 올바르게 작동하는지 확인하세요
참고: 이 모든 구성요소는 텍스트로만 구성됩니다
기본 HTML 페이지
HTML은 < ,>를 사용하여 HTML 태그를 묶습니다. 여는 태그(예: <head>)는 요소의 시작을 표시하고 닫는 태그(</head>)는 요소의 끝을 표시하는 데 사용됩니다
페이지 상단 및 헤더
<body>여는 태그 위의 콘텐츠는 브라우저 및 검색 엔진용으로 준비되었습니다. <!DOCTYPE html> 부분은 이것이 HTML5 페이지임을 브라우저에 알려줍니다.
참고: DOCTYPE은 항상 페이지의 첫 번째 줄에 있어야 합니다
다음은 페이지의 나머지 부분을 포함하는 <html> 요소입니다. 다음은 <head> 문서 헤더이고, <meta>, <title>은 문서 헤드에 있습니다.
태그: 요소, 속성, 값 및 기타
태그 구성: 요소, 속성, 값
참고: 라벨에는 소문자를 사용하는 것이 일반적입니다
참고: 속성 값 양쪽의 따옴표는 선택사항입니다. 속성 이름은 소문자로 작성하는 것이 좋습니다. 부모 요소, 자식 요소
요소에 다른 요소가 포함된 경우 해당 요소는 포함된 요소의 상위 요소이며 포함된 요소를 하위 요소라고 합니다.
참고: 올바르게 중첩되었는지 확인하세요. 예:
<div> <p></p></div>
다음과 같이 중첩하지 않으면 문제가 발생합니다
성명：
이 웹사이트의 모든 리소스는 네티즌이 제공 및 게시하거나 주요 다운로드 사이트에서 재인쇄되었습니다. 소프트웨어의 무결성을 직접 확인하십시오! 이 웹사이트의 모든 리소스는 학습 및 참조용으로만 제공됩니다. 상업적인 목적으로 사용하지 마세요. 그렇지 않을 경우 발생하는 모든 결과에 대한 책임은 귀하에게 있습니다! 침해 내용이 있는 경우 당사에 연락하여 삭제 및 제거를 요청하시기 바랍니다. 연락처: admin@php.cn
관련 추천
더보기최신 강좌
더보기![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
- [웹 프런트엔드] Node.js 빠른 시작
- 이 과정은 초보자를 위해 특별히 고안되었으며 학생들이 Node.js의 기본 지식과 핵심 기술을 빠르게 습득할 수 있도록 돕는 것을 목표로 합니다. 이 과정은 Node.js의 설치 및 환경 구성으로 시작하여 비동기 프로그래밍 모델, 모듈 시스템 및 이벤트 중심 메커니즘을 심층적으로 분석합니다. 풍부한 실제 사례를 통해 학생들은 Node.js를 사용하여 효율적이고 안정적인 웹 서버를 구축하고, HTTP 요청 및 응답을 처리하고, 파일 작업 및 데이터베이스 상호 작용을 수행하는 방법을 배웁니다. 또한 이 과정에서는 프런트엔드 개발에서 Node.js의 일반적인 애플리케이션 시나리오도 소개하여 학생들이 실무 능력을 빠르게 향상시키고 프런트엔드 개발 과제에 쉽게 대처할 수 있도록 돕습니다.
- 해외 웹 개발 풀스택 강좌 총집합
- 이 과정은 HTML, CSS, JavaScript, Vue.js, React, Flutter 및 모바일 앱 개발을 다루는 포괄적인 튜토리얼입니다. 기본적인 웹 페이지 제작부터 복잡한 프런트엔드 및 백엔드 상호 작용, 모바일 애플리케이션의 실제 개발까지, 강좌는 내용이 풍부하고 실용성이 뛰어납니다. 일련의 실습 프로젝트를 통해 학생들은 다양한 개발 기술에 대한 심층적인 이해와 습득을 통해 풀스택 개발 엔지니어로 빠르게 성장할 수 있습니다. 초보자와 숙련된 개발자 모두 이점을 누릴 수 있습니다. 이 과정을 이수하면 웹 애플리케이션과 모바일 애플리케이션을 독립적으로 개발할 수 있는 능력을 갖추게 되며 향후 경력 개발을 위한 탄탄한 기반을 마련하게 됩니다.
- Go 언어 실습 GraphQL
- 이 과정은 학습자가 Go 언어를 사용하여 GraphQL 서비스를 구현하는 방법을 익히는 데 도움을 주기 위해 고안되었습니다. 본 과정은 GraphQL에 대한 기본 지식부터 시작하여 데이터 쿼리 언어의 특징과 장점을 심층적으로 분석한 후 Go 언어의 특징과 결합하여 GraphQL 서버 구축 방법, 요청 처리 방법, 데이터 정의 방법을 자세히 설명합니다. 패턴 등 풍부한 실제 사례를 통해 학습자는 GraphQL을 실제 프로젝트에 통합하여 데이터 상호 작용의 유연성과 효율성을 향상시키는 방법을 배웁니다. 이 과정은 Go 언어에 대한 특정 기초를 갖춘 개발자에게 적합하며 효율적이고 현대적인 API를 구축하는 데 필수입니다.
- 550W 팬 마스터가 JavaScript를 처음부터 차근차근 학습합니다
- 이 과정은 초보자를 위해 특별히 고안되었으며 Google 상사가 진행합니다. 본 과정은 JavaScript에 대한 기본 지식부터 시작하여 구문, 함수, 객체, 이벤트 처리 등을 다루면서 점차 심화됩니다. 생생한 사례와 실습을 통해 학생들은 JavaScript의 핵심 기술을 빠르게 익힐 수 있습니다. 선생님께서 학생들의 질문에 직접 답변해 주시고, 프로그래밍 경험을 공유해주셔서 학생들이 편안하고 즐거운 분위기 속에서 자바스크립트 마스터로 성장할 수 있도록 도와드립니다. 프로그래밍 초보자이시든, 기술을 향상시키려는 개발자이시든, 이 과정은 JavaScript 학습을 위한 최선의 선택이 될 것입니다.
- 기초 지식이 전혀 없는 초보자도 6시간 만에 시작할 수 있는 파이썬 마스터 모쉬
- 이 과정에서는 프로그래밍 여정을 안내합니다. 처음부터 시작하는 이 6시간 과정은 Python의 기본 및 고급 개념을 안내합니다. 기술을 향상시키려는 초보자이든 숙련된 프로그래머이든 Mosh의 심층적인 설명과 명확한 교육 방법을 통해 Python을 빠르게 익힐 수 있습니다. 변수, 데이터 유형, 조건문, 루프, 함수, 개체 및 모듈에 대해 자세히 알아보고 실습을 통해 이해를 강화하세요. 이 과정은 Python을 배우고 다양한 직업 분야에 대비하는 데 이상적입니다. Mosh의 전문 지식과 교육에 대한 열정은 여러분이 능숙한 Python 개발자가 되기 위한 길을 시작할 수 있는 자신감을 줄 것입니다.