본문 바로가기

HTML5

w3스쿨즈 HTML(8) - iframe, File Path iframe HTML iframe은 웹 페이지 내에 웹 페이지를 표시하는 데 사용됩니다. width 와 height 설정(기본 px단위) iframe 테두리 제거 기본적으로 iframe 주위에는 테두리가 있습니다. 테두리를 제거하려면 style 속성을 추가하고 CSS border 속성을 사용하십시오. 물론 CSS를 사용하면 iframe 테두리의 크기, 스타일 및 색상을 변경할 수도 있습니다. iframe Target for a link 링크의 대상으로 iframe을 사용할 수 있습니다. 링크의 타켓 속성은 iframe의 name 속성을 참조해야합니다. W3Schools.com File Path 파일 경로는 웹 사이트의 폴더 구조에서 파일의 위치를 ​​설명합니다. 파일 경로는 다음과 같은 외부 파일에 연결.. 2022. 3. 31.
w3스쿨즈 HTML(5) - 이미지[image] 이미지 image 크기조절의 기본단위는 px image 태그는 닫히는 구문이 없습니다. alt속성은 이미지를 볼 수 없는 경우 대체 텍스트를 제공합니다. (화면판독기를 사용하는경우) 이미지링크의 경우 서버에 있는 이미지를 이용하거나 문서파일을 이용할 수 있습니다. HTML은 GIF(애니메이션)파일을 허용합니다. 이미지에 링크을 걸 수 있습니다. alt속성은 반드시 정의해주어야합니다. 그렇지 않으면 웹페이지의 유효성이 올바르게 검사되지않습니다. 항상 이미지의 너비와 높이를 지정하십시오. 너비와 높이를 지정하지 않으면 이미지가로드되는 동안 페이지가 깜박일 수 있습니다. 일반적으로 style속성을 이용해 너비와 높이를 지정해주는 것이 좋습니다. 왜냐햐면 스타일 시트가 이미지의 크기를 변경하지 못하도록 예방합니.. 2022. 3. 24.
w3스쿨즈 HTML(3) - Quotation, Color Quotation (인용) - 짧은 인용구 WWF's goal is to: Build a future where people live in harmony with nature. - 다른 사이트에서 인용된 섹션 알베르트 아인슈타인은 독일 태생의 이론물리학자로서 역사상 가장 위대한 물리학자 중 한명이다. - 약어 (기본 점선밑줄) The WHO was founded in 1948. - 문서 또는 기사의 연락처 정보 (저자 / 소유자)를 정의합니다 (기본 기울임꼴) Written by John Doe. Visit us at: Example.com Box 564, Disneyland USA - 작품의 제목 (기본 기울임꼴) The Scream by Edvard Munch. Painted in 1893. Colo.. 2022. 3. 24.
w3스쿨즈 HTML5(2) - paragraph, style, formatting 1. paragraph (태그) p태그는 항상 새 줄(자동으로 줄바꿈)에서 시작하며 자동으로 p태그 위아래로 "기본마진"을 추가합니다. HTML에서 줄바꿈은 엔터키나 스페이스바를 통해서 바꿀 수 없습니다. HTML에서 여러개의 공백은 한개의 공백으로 처리됩니다. 줄바꿈을 위해서는 태그를 사용하세요. (닫히는 태그 x) 사용자가 넣은 공백과 줄 바꿈을 유지하고 싶다면 속성을 사용하세요. 동해물과 백두산이 마르고닳도록 하느님이 보우하사 길이 보우하세 무궁화 삼천리 화려강산 대한사람 대한으로 길이보전하세 2. style 스타일 속성은 색상, 글꼴, 크기 등과 같은 요소에 스타일을 추가하는 데 사용됩니다. I am red I am blue I am big Background Color (배경색) // body적.. 2022. 3. 24.
w3스쿨즈 HTML5(1) - 개요, 속성, heading 1. 개요 HTML은 하이퍼 텍스트 마크업 언어이다. HTML은 웹 페이지의 구조를 설명합니다. 선언은 문서 유형을 나타내며 브라우저가 웹페이지를 올바르게 표시하도록 도와준다. 페이지 상단에(HTML 태그 이전에) 한번만 나타내주면 HTML5에 대한 선언은 다음과 같다. head태그 안의은 문서의 제목을 지정합니다. 태그는 대소문자를 구분하지 않는다. 다만 소문자를 사용하도록 권고하고 있다. 제목 타이틀 제목입니다 내용(단락) 구문을 입력하세요 링크 네이버 이미지 (종료태그 X) 버튼 Click me 리스트 // ordered list의 약자로, 순서가 있는 목록을 만드는 데 사용합니다. Item Item Item Item // unordered list의 약자로, 순서가 없는 목록을 만듭니다. Firs.. 2022. 3. 24.