반응형 HTML10 HTML의 <!DOCTYPE html>: 왜 중요할까? 1. 란 무엇인가요?는 HTML 문서의 가장 첫 줄에 위치하는 선언으로, 브라우저가 문서를 올바르게 해석할 수 있도록 HTML 버전을 지정합니다. 이 선언은 웹 페이지가 HTML5 표준을 따르고 있음을 브라우저에 알려줍니다. 2. 의 역할HTML 버전 명시는 HTML5를 사용하는 문서임을 선언합니다.이전 HTML 버전(HTML4, XHTML 등)에서는 좀 더 복잡한 선언문을 사용했지만, HTML5부터는 간단하게 작성됩니다.브라우저 렌더링 모드 설정브라우저가 표준 모드(Standard Mode)로 동작하도록 지시합니다.만약 선언이 없거나 잘못 작성되면 브라우저가 쿼크 모드(Quirks Mode)로 동작하여 레이아웃이 비정상적으로 보일 수 있습니다. 3. 선언의 예시 HTML5에서는 가장 간단한 형태의 .. 2024. 12. 29. HTML문서의 기본구조 html기본구조 html태그 1. 역할: 문서가 HTML5 형식임을 선언합니다.브라우저가 문서를 올바르게 해석하도록 돕습니다.항상 문서의 가장 첫 줄에 위치해야 합니다.2. 태그HTML 문서의 시작과 끝을 정의합니다.모든 내용은 태그 안에 포함됩니다.3. 태그역할: 웹 페이지의 메타데이터(정보)를 포함합니다.메타데이터란?브라우저가 이해하거나 검색 엔진이 읽는 정보입니다.페이지 제목, 문자 인코딩 방식, 외부 파일 연결 등을 정의.중요한 태그: 문자 인코딩, 뷰포트 설정 등을 지정.: 웹 브라우저 탭에 표시될 제목을 지정.: 외부 CSS 파일 연결.: JavaScript 파일을 포함.4. 태그역할: 웹 페이지에 표시되는 실제 콘텐츠를 포함.모든 사용자에게 보이는 요소는 태그 안에 작성됩니다. 자주 사용하는 요소1. 제목 태그.. 2024. 12. 29. [HTML관련] html을 배우면 어떤것들을 할수 있을까? 1. 간단한 웹사이트 제작HTML을 사용하면 자신만의 간단한 웹 페이지를 만들 수 있습니다.포트폴리오 웹사이트: 자신의 작품이나 경력을 정리하여 공유할 수 있는 개인 웹사이트 제작.블로그: 글을 작성하고 독자와 소통하는 블로그를 HTML로 시작할 수 있습니다.2. 기본적인 웹 구조 설계HTML을 사용하면 웹 페이지의 뼈대를 설계할 수 있습니다.제목, 문단, 이미지, 표 등을 구성하여 콘텐츠를 깔끔하게 정리.웹 페이지 레이아웃을 설계하고, 사용자 경험(UX)을 고려한 구조를 만들 수 있습니다.3. CSS와 JavaScript를 활용한 확장 가능성HTML은 CSS와 JavaScript를 쉽게 통합할 수 있어, 단순한 웹 페이지에서 더 나아간 다양한 기능을 추가할 수 있습니다.CSS: 스타일링을 통해 웹 페이.. 2024. 12. 20. HTML기본구조-!DOCTYPE html HTML 문서의 기본 구조는 웹 페이지를 만드는 데 필요한 필수 요소들을 포함합니다. 이 구조는 웹 브라우저가 문서를 올바르게 해석하고 표시할 수 있도록 돕습니다. 아래는 HTML 문서의 기본적인 구조입니다. 구조 설명::이 선언은 HTML5 문서임을 브라우저에게 알려줍니다. 모든 HTML 문서의 첫 줄에 있어야 합니다.: 태그는 문서의 루트 요소로, 모든 HTML 요소를 감쌉니다.lang="en" 속성은 문서의 언어가 영어임을 나타냅니다. 한국어일 경우 "ko"로 설정할 수 있습니다.:문서에 대한 메타데이터를 포함하는 부분입니다. 이 영역은 브라우저에 의해 화면에 직접 표시되지는 않지만, 문서의 제목, 문자 인코딩, 뷰포트 설정 등을 정의합니다.:이 메타 태그는 문서의 문자 인코딩을 정의합니다. UTF.. 2024. 9. 8. 이전 1 2 3 다음 반응형
