컴퓨터과학/HTML5

[html] 블록 태그와 인라인 태그란 무엇인가? 특징과 예시

목차 블록 태그 정의 블록 태그는 웹 페이지의 섹션을 정의하고 상위 요소의 전체 너비에 걸쳐 있는 직사각형 블록을 만듭니다. 블록 수준 태그는 일반적으로 태그 앞뒤에 새 줄을 만들고 제목, 단락, 목록, 표 등과 같은 요소를 포함합니다. 예시 ~ : 이 태그는 제목을 정의하며 은 가장 크고 가장 중요하며 은 가장 작습니다. : 태그는 텍스트 단락을 정의합니다. 및 : 이 태그는 순서가 지정된 목록과 순서가 지정되지 않은 목록을 각각 정의합니다. : 태그는 데이터 정리를 위한 테이블을 생성합니다. 인라인 태그 정의 인라인 태그는 웹 페이지의 작은 부분을 정의하고 필요한 만큼의 공간만 차지합니다. 인라인 태그는 태그 앞이나 뒤에 새 줄을 만들지 않으며 일반적으로 블록 수준 태그 내에서 텍스트 서식을 지정하는..

[html] body 태그란 무엇인가? 웹 문서의 body 태그 특징

목차 body 태그란 HTML5의 태그는 웹 페이지의 핵심 요소 중 하나입니다. 웹 브라우저의 기본 창에 표시되는 모든 콘텐츠의 컨테이너 역할을 합니다. 태그는 텍스트, 이미지, 비디오, 링크 등과 같은 다양한 기타 요소를 포함할 수 있습니다. body 태그의 특징 정의: 태그는 웹 페이지의 주요 콘텐츠를 나타내는 HTML 요소입니다. 일반적으로 사용자가 웹 사이트를 방문할 때 보고 상호 작용하는 모든 정보를 포함합니다. 콘텐츠: 태그의 콘텐츠는 제목, 단락, 목록, 이미지, 링크 등과 같은 다양한 HTML 요소로 구성될 수 있습니다. 여기에 웹 페이지의 콘텐츠를 구성하는 모든 텍스트, 이미지 및 기타 미디어를 넣을 수 있습니다. 스타일 지정: 태그는 CSS를 사용하여 스타일을 지정하여 웹 페이지의 모양..

[HTML5] NAME 속성이란 무엇인가? 이름 속성 특징

목차 NAME 속성 HTML5의 "name" 속성은 요소에 고유한 이름을 제공하는 데 사용되며 "a", "img", "form" 및 "meta" 태그와 같은 다양한 HTML 요소와 함께 사용할 수 있습니다. . "name" 속성은 적용되는 요소에 따라 다양한 방식으로 사용됩니다. 예를 들어 "name" 속성을 "a" 태그와 함께 사용하여 웹 페이지 내에서 "href" 속성을 사용하여 연결할 수 있는 명명된 앵커를 만들 수 있습니다. NAME 속성의 예시 Top of the page NAME 속성의 중요성 한 가지 중요한 용도는 "href" 속성을 사용하여 연결할 수 있는 명명된 앵커를 생성하여 사용자가 웹 페이지 내의 특정 섹션으로 쉽게 이동할 수 있도록 하는 것입니다. 또 다른 중요한 용도는 양식 및 ..

[HTML5] charset 속성이란 무엇인가? 문자 인코딩 방식

목차 charset 속성이란 HTML5의 "charset" 속성은 문서에서 사용되는 문자 인코딩을 지정하는 데 사용됩니다. 일반적으로 HTML 문서의 "head" 섹션에 배치되며 브라우저가 텍스트를 표시하는 데 사용해야 하는 문자 집합을 지정합니다. charset 속성의 가장 일반적인 값은 "UTF-8"로, 유니코드 표준의 모든 문자를 나타낼 수 있는 가변 너비 인코딩인 Unicode Transformation Format - 8-bit를 나타냅니다. 예 : charset 속성의 예시 This is some text on my webpage. 이 예에서 "charset" 속성은 HTML 문서의 "head" 섹션에 있는 "meta" 태그 내에서 사용되며 문서가 UTF-8 문자 인코딩을 사용하여 해석되어야 ..

[ HTML5 ] META 태그란 무엇인가? 메타태그의 특징

목차 메타태그란 HTML5의 태그는 HTML 문서에 대한 메타데이터를 제공하는 데 사용됩니다. 메타데이터는 작성자, 키워드, 설명 및 문자 집합과 같은 HTML 문서에 대한 데이터입니다. 태그는 HTML 문서의 이 예에서 name 속성은 "description"으로 설정되고 content 속성은 "This is a sample web page"로 설정됩니다. 이는 검색 엔진 및 기타 웹 크롤러에게 콘텐츠 속성의 콘텐츠가 웹 페이지의 설명임을 알려줍니다. 메타 태그의 또 다른 일반적인 용도는 다음과 같이 charset 속성을 사용하여 웹 페이지에서 사용되는 문자 집합을 지정하는 것입니다. 태그는 또한 콘텐츠 속성의 정보/값에 대한 HTTP 헤더를 지정하는 http-equiv 속성을 가질 수 있으며 리디렉션..

[ HTML5 ] Style 태그란 무엇인가? 스타일 태그 특징

목차 Style 태그란 HTML5의 이 예에서 태그는 CSS 스타일 블록을 묶는 데 사용됩니다. 태그 내부의 스타일은 CSS 선택기와 일치하는 페이지의 요소에 적용됩니다. 또는 다음과 같이 태그를 사용하여 외부 CSS 파일을 포함할 수 있습니다. 이 예에서 rel 속성은 "stylesheet"로 설정되어 링크된 문서가 CSS 스타일시트임을 나타내고 href 속성은 CSS 파일의 위치를 지정합니다. 태그는 다음과 같은 다른 속성도 가질 수 있습니다. type유형: "text/css"와 같은 스타일시트 유형을 지정합니다. media: 스타일시트가 의도된 미디어 유형(예: 화면, 인쇄 또는 음성)을 지정합니다. 페이지가 렌더링되기 전에 스타일이 적용되도록 하려면 HTML 문서의 섹션에 태그를 배치해야 합니다...

[ HTML5 ] Script 태그란? 스크립트 태그 예시

목차 Script 태그란 HTML5의 이 예에서 src 속성은 JavaScript 파일의 위치를 지정합니다. 파일이 현재 웹 페이지와 동일한 웹 사이트에 있는지 여부에 따라 절대 또는 상대 URL이 될 수 있습니다. 태그는 다음과 같은 다른 속성도 가질 수 있습니다. type: "text/javascript"와 같은 스크립트 유형을 지정합니다. async : 스크립트가 비동기적으로 실행되어야 함을 지정합니다. defer : 페이지가 구문 분석을 마친 후 스크립트를 실행하도록 지정합니다. 스크립트가 실행되어야 하는 시기에 따라 스크립트 태그가 HTML 문서의 적절한 위치에 배치되어야 한다는 점에 유의하는 것이 중요합니다. 페이지가 올바르게 작동하기 위해 스크립트가 필수적인 경우 HTML 문서의 섹션에 배치..

[ HTML5 ] Link 태그란 무엇인가? 링크 태그 예시

목차 Link 태그란 HTML5의 태그는 CSS 스타일시트, JavaScript 파일 또는 웹 페이지와 같은 외부 리소스에 대한 링크를 만드는 데 사용됩니다. 태그는 HTML 문서의 이 예에서 rel 속성은 현재 문서와 연결된 문서 간의 관계를 지정하고 href 속성은 연결된 문서의 위치를 지정합니다. rel 속성은 다음과 같은 여러 값을 가질 수 있습니다. stylesheet: CSS 스타일시트에 연결하는 데 사용 icon: 파비콘에 연결하기 위해 사용 alternate: 현재 문서의 대체 버전에 연결하는 데 사용됩니다. href 속성은 연결된 문서의 URL을 지정합니다. 링크된 문서가 현재 웹 페이지와 동일한 웹 사이트에 있는지 여부에 따라 절대 또는 상대 URL이 될 수 있습니다. 태그와 함께 일반..

[ HTML5 ] DOCTYPE 란 무엇인가? 독타입 특징

목차 DOCTYPE이란 DOCTYPE(Document Type Declaration의 줄임말)은 문서가 작성된 HTML 또는 XHTML 버전을 웹 브라우저에 알려주는 명령어입니다. 이것은 HTML 문서에서 코드의 첫 번째 줄이며 브라우저가 웹 페이지를 올바르게 렌더링할 수 있도록 도와줍니다. HTML5에서 DOCTYPE 선언은 단순하며 코드 한 줄만 필요합니다: 이것은 문서가 HTML의 최신 버전인 HTML5로 작성되었음을 브라우저에 알려준다. HTML5 이전의 DOCTYPE 선언은 더 복잡했으며 다음과 같은 여러 줄의 코드가 필요했다: DOCTYPE 선언은 대소문자를 구분하지 않으며 대문자 또는 소문자로 작성할 수 있습니다. DOCTYPE은 HTML 태그가 아니라 페이지가 작성된 HTML 버전에 대한 ..

[ HTML5 ] 절대주소와 상대주소란 무엇인가?

목차 절대주소와 상대주소란 HTML5에서 주소는 웹 페이지, 이미지, 파일 또는 웹 상의 다른 리소스의 위치를 나타낼 수 있습니다. HTML5에서 사용할 수 있는 주소에는 절대 주소와 상대 주소의 두 가지 유형이 있습니다. 태그를 사용하여 다른 리소스에 연결할 때 리소스가 현재 웹 페이지와 동일한 웹 사이트에 있는지 여부에 따라 절대 주소 또는 상대 주소를 사용할 수 있습니다. 예를 들어, 동일한 웹 사이트의 웹 페이지에 연결하려는 경우 다음과 같은 상대 주소를 사용할 수 있습니다: 절대주소 절대 주소는 프로토콜(예: "http" 또는 "https"), 도메인 이름 및 리소스 경로를 포함하는 전체 URL입니다. 예를 들어, "www.example.com" 도메인에 있는 이미지 파일을 가리키는 절대 주소입..