HTML iframe 태그는 웹 문서를 웹 페이지에 포함합니다. 포함된 문서는 PDF, 웹 페이지 또는 다른 자산일 수 있습니다. src 속성은 포함된 리소스의 위치를 정의합니다. HTML을 사용하여 한 웹 문서의 콘텐츠(예:PDF 또는 Google 지도의 지도)를 다른 페이지에 포함할 수 있습니다. HTML HTML 태그는 다른 웹 페이지와 같은 외부 개체를 단일 웹 페이지에 포함하는 데 사용됩니다. 이 튜토리얼에서는 예제와 함께 HTML 사용 방법에 대해 설명합니다. 웹 리소스를 웹 페이지에 삽입하는 태그입니다.
자신의 웹사이트를 구축하는 데 관심이 있든 웹 개발자로서의 경력을 추구하든 상관없이 HTML에 대한 지식은 필수 기술입니다. 하이퍼텍스트 마크업 언어(HTML)는 인터넷의 거의 모든 단일 웹사이트를 구동하는 세 가지 핵심 기술 중 하나입니다. HTML을 사용하면 웹 디자이너와 개발자가 웹 사이트의 구조를 정의할 수 있습니다. 개발자는 HTML을 사용하여 웹페이지에서 텍스트나 이미지와 같은 특정 요소를 표시할 위치를 결정합니다. HTML은 웹 개발을 배우려는 기술적인 사람들만을 위한 것이 아닙니다. 언어는 다양한 다른 상황에서 사
HTML 입력 태그는 사용자가 데이터를 삽입할 수 있는 입력 필드를 생성합니다. 일반적인 입력에는 텍스트 필드, 체크박스, 라디오 버튼 및 이메일 필드가 포함됩니다. 입력 태그는 이어야 합니다. 라벨 을 사용하여 주도 라벨 태그. HTML의 양식은 웹 사이트의 프런트 엔드에서 데이터를 수락하는 데 사용되는 여러 입력 요소로 구성됩니다. 예를 들어 웹 양식에는 사용자가 상호 작용할 수 있는 확인란 입력, 텍스트 입력 및 라디오 버튼 입력이 포함될 수 있습니다. 태그는 HTML 형식의 입력 요소를 정의하는 데 사용됩니다. 입
HTML 하이퍼링크를 사용하면 다른 페이지로 이동할 수 있습니다. 태그는 앵커를 정의합니다. href 속성은 사용자가 링크를 클릭할 때 이동하는 위치를 지정합니다. 태그와 닫는 태그 사이에는 사용자에게 표시될 앵커 텍스트가 있습니다. 웹 페이지를 만들 때 다른 웹 페이지나 웹 사이트를 참조할 수 있습니다. 예를 들어, 블로그를 만들고 관련성이 있다고 생각되는 기사에 링크하려고 할 수 있습니다. 하이퍼링크 , 또는 링크는 한 웹 페이지를 다른 웹 페이지에 연결하고 사용자가 여러 웹 페이지 사이를 빠르게 이동할 수 있도록
HTML 태그를 사용하면 웹페이지 또는 단락의 일부에 스타일을 적용할 수 있습니다. 단어의 색상을 변경하는 것과 같이 단락의 텍스트를 스타일화하는 데 자주 사용됩니다. 기본적으로 태그에는 스타일이 없습니다. HTML로 프로그래밍할 때 웹 페이지의 특정 스타일을 지정하기로 결정할 수 있습니다. 예를 들어 문장의 특정 단어나 링크 목록의 특정 링크를 강조할 수 있습니다. HTML 태그가 들어옵니다. 웹 문서의 내용을 표현하는 데 사용할 수 있는 일반 인라인 컨테이너입니다. 태그는 일반적으로 스타일 지정 목적, 특히 텍스트
HTML 태그는 웹페이지에 이미지를 추가합니다. src 속성을 사용하여 침대에 눕히려는 이미지의 위치를 지정합니다. alt 속성은 이미지를 로드할 수 없는 경우 이미지 대신 텍스트를 표시하는 데 자주 사용됩니다. 웹이 처음 발명되었을 때 웹 페이지는 텍스트만 표시할 수 있었습니다. 그러나 웹 페이지에 이미지를 추가하는 기능은 빠르게 추가되었습니다. 그 이후로 이미지는 웹상의 대부분의 페이지에서 중요한 부분이 되었습니다. 로고에서 사진에 이르기까지 이미지는 인터넷 어디에나 있습니다. 이 튜토리얼에서는 웹 개발자로서 HT
HTML 태그는 위 첨자 텍스트를 지정합니다. 이것은 텍스트 줄의 맨 위에 나타나는 텍스트입니다. 태그는 아래 첨자 텍스트를 나타냅니다. 이것은 텍스트 줄의 맨 아래에 나타나는 텍스트입니다. 대부분의 경우 텍스트는 전통적인 기준선과 x 높이를 갖습니다. 이 문서의 이 시점까지 이 텍스트의 모든 내용에는 기준선이 있습니다. 이 기준선은 기본적으로 1과 x 높이로 형식을 지정하면 밑줄이 표시되는 지점입니다. x-높이는 소문자가 끝나는 가상선입니다. 공백을 채우므로 소문자 x에서 이름을 가져옵니다. 이 가이드에서는 HTML에서
글꼴 패밀리 CSS 규칙을 사용하면 HTML 웹 문서의 글꼴을 정의할 수 있습니다. 외부 글꼴을 참조하려면 url() 메서드를 사용하여 글꼴을 정의할 수 있습니다. 또는 Google Fonts와 같은 사이트에서 글꼴 CSS 파일을 포함할 수 있습니다. 개발자로서 HTML이 처리될 때 채워지는 기본 글꼴을 사용하고 싶지 않을 때가 있을 것입니다. 이 문서는 모범 사례를 사용하여 HTML 문서의 글꼴을 변경하는 방법을 보여주기 위한 것입니다. HTML에서 글꼴을 변경하는 방법 HTML에서 웹 페이지의 글꼴을 변경하는 방법에는 세
또는 <p> Test<br> </p> 태그는 Test라는 단어 뒤에 새 줄을 추가합니다. 이 태그에는 닫는 태그가 없습니다. 대신 새 줄을 원하는 위치에 을 추가하기만 하면 됩니다. 더 자세한 예를 살펴보겠습니다. 여기에서는 주소의 각 줄 다음에 사용됩니다. 참가자의 81%는 부트캠프에 참석한 후 기술 직업 전망에 대해 더 자신감을 느꼈다고 말했습니다. 지금 부트캠프에 참여하십시오. 부트캠프 졸업생은 부트캠프 시작부터 첫 직장을 찾는 데까지 6개월도 채 걸리지 않았습니다. <!DOCTY
HTML 태그는 웹 페이지의 제목을 정의합니다. 이 제목은 브라우저의 탭 표시줄과 책갈피 목록에 페이지를 추가할 때 나타납니다. 모든 웹페이지에는 태그가 포함되어야 합니다. 웹 페이지를 만들 때 해당 웹 페이지의 제목을 지정하고 싶을 것입니다. 예를 들어 지역 빵집 웹사이트의 홈페이지를 구축한다고 가정해 보겠습니다. 빵집 이름을 웹 페이지 제목으로 표시할 수 있습니다. 바로 입니다. HTML 태그가 들어옵니다. 태그는 HTML에서 문서의 제목을 정의하고 웹 페이지의 헤드 섹션에 배치됩니다. 이 자습서에서는 예를 참조하여
HTML 태그는 사용자가 하나를 선택하거나 곱하기 옵션. 태그에는 사용자가 선택할 수 있는 선택 항목을 나타내는 하나 이상의 태그가 포함되어야 합니다. 선택 상자는 많은 웹 양식에서 중요한 부분입니다. 선택 상자를 사용하면 사용자 입력을 수락하고 사용자가 선택할 수 있는 옵션을 지정한 옵션으로 제한할 수 있습니다. HTML 태그는 사용자가 하나 또는 여러 개를 선택할 수 있는 옵션 목록을 제공하는 양식 요소를 만듭니다. 요소는 선택 상자에 나타나는 옵션을 지정합니다. 이 자습서에서는 HTML 태그를 사용하는 방법
새 HTML 문서를 시작할 때 가장 먼저 해야 할 일은 문서 유형 선언을 작성하는 것입니다. doctype 선언은 브라우저에 렌더링할 페이지가 HTML로 작성되었음을 알려줍니다. HTML5 문서 유형을 선언하려면 HTML 문서의 첫 번째 줄에 ``이 필요합니다. HTML5에 대한 Doctype 선언은 대소문자를 구분하지 않으며 닫는 태그가 필요하지 않습니다. 새 HTML 문서에 포함할 내용 doctype 선언 외에도 `html`, `head` 및 `body` 태그도 포함해야 합니다. <!DOCTYPE html> &l
새로운 코더로서 우리는 먼저 CSS를 인라인 스타일로 웹 페이지에 통합하기 시작합니다. style 속성을 사용하여 CSS를 HTML 요소에 직접 삽입합니다. <!DOCTYPE html> <html> <head> <title>Inline Style</title> </head> <body> <h1 style=color:blue;text-align:center;>Star Wars</h1> <h4 style=color:red;tex
<div> CSS를 사용하여 요소에 스타일을 적용할 수 있도록 요소를 그룹화하기 위해 HTML에서 사용되는 일반 컨테이너입니다. div 요소는 기본적으로 비어 있으며 작동하려면 HTML 요소로 채워야 합니다. <div> 태그는 쌍으로 옵니다. 하나의 열린 태그와 하나의 닫는 태그: <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=devi
이미지는 모든 웹 페이지의 공통 구성 요소입니다. 또한 다른 페이지에 대한 링크를 만드는 좋은 방법입니다. href 속성이 있는 앵커 태그와 이미지 태그의 조합을 사용하여 두 페이지 간의 링크 역할을 하는 이미지를 만들 수 있습니다. 다음 단계에 따라 이 작업을 수행할 수 있습니다. div 요소를 만듭니다. 여기에는 이미지 요소, 앵커 태그 및 링크를 설명하는 데 사용할 수 있는 모든 것이 포함됩니다. 다음으로 앵커 태그를 생성합니다. 태그에는 다른 페이지에 대한 링크를 가리키는 하이퍼텍스트 참조(href)가 있습니다.
HTML에서 텍스트를 가운데에 맞추는 방법 프로그래머로서 우리가 가장 먼저 배우는 것 중 하나는 텍스트 블록을 정렬하는 방법입니다. 이 기사에서는 스타일 및 정렬 속성을 사용하여 컨테이너 중앙에 텍스트를 정렬하는 방법을 살펴보겠습니다. 스타일 속성 html에서 div로 작업할 때 style 속성을 사용하여 인라인 스타일을 통합할 수 있습니다. CSS 속성 text-align을 사용하겠습니다. <div>의 중앙에 텍스트 . <!DOCTYPE html> <html lang=en> <head
CSS는 노련한 개발자에게도 위협적일 수 있습니다. 옵션이 너무 많습니다! 그러나 이 기사에서는 별도의 CSS 스타일 시트를 만들지 않고 HTML 문서의 배경색을 변경하는 방법에 대해 설명합니다. HTML5를 사용할 때 style 속성과 `background-color` 속성을 사용하여 배경색을 추가할 수 있습니다. 선택한 요소에 이 속성을 구현할 수 있습니다. 그러나 전체 페이지의 배경색을 설정하려면 style 속성이 body 태그에 있어야 합니다. HTML은 다음과 같을 수 있습니다. <!DOCTYPE html&g
때때로 웹 페이지의 흐름을 만들 때 콘텐츠를 시각적으로 구별되는 부분으로 나누는 방법을 찾고 싶을 것입니다. 이 기사에서는 HTML의 수평선과 이를 마크업에 삽입하여 시각적으로 웹 페이지를 더욱 매력적이고 사용자 친화적으로 만들 수 있는 방법에 대해 알아봅니다. <hr> HTML 요소는 CSS를 사용하여 다른 HTML 요소처럼 스타일을 지정할 수 있습니다. 관례는 자체 닫는 태그() 대신 닫지 않는 태그()이지만 마크업은 어느 쪽이든 동일하게 읽습니다. 이는 광범위한 브라우저 지원이 있는 블록 수준 요소로 표시되며
text-indent 속성으로 알려진 HTML 인라인 스타일 속성은 논문을 작성할 때 단락의 첫 줄을 들여쓰는 것처럼 텍스트의 각 단락을 들여씁니다. 코드 편집기는 픽셀(px) 단위로 텍스트 들여쓰기를 만드는 방법을 보여줍니다. <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1
HTML 페이지에 텍스트를 작성할 때 키보드에서 쉽게 사용할 수 없는 문자나 HTML에서 특별한 의미를 갖는 예약된 문자를 사용해야 합니다. 이들을 엔터티라고 합니다. 이 기사에서는 코드에서 이러한 특수 문자를 사용하는 방법을 살펴보고 일반적으로 사용되는 엔터티에 대한 참조를 제공합니다. 기호를 사용하는 방법을 설명하는 한 가지 방법은 화면에 렌더링하려는 코드 블록을 만드는 것입니다. HTML 코드를 실행할 때 화면에 표시하려는 문제 중 하나는 HTML을 실행하려는 것입니다! < 및 > HTML의 예약 문자입니