HTML515 w3스쿨즈 HTML(5) - 링크[link] 링크 로컬링크 : 같은 웹 사이트에 대한 링크는 절대URL이 아닌 상대 URL로 기입해도 상관없습니다. 타켓 속성 : 링크된 문서를 열 위치를 지정 _blank : 새 탭 _self : 현재 탭 (기본설정) _parent : 부모 프레임에서 링크 된 문서를 연니다. _top : 링크 된 문서를 창 전체에서 엽니다. ※ 웹 페이지가 프레임에 잠겨 있으면 target = "_ top"을 사용하여 프레임에서 벗어날 수 있습니다. HTML tutorial! framename : 어떤 이름으로 정의된 프레임에서 링크 된 문서를 엽니다. 이미지 링크 ※ border: 0을 추가한 이유는 IE9 이하 브라우저에서 이미지 주위에 테두리를 표시하지 않기위해서 버튼 링크 HTML Tutorial 버튼을 링크로 사용하려면 .. 2022. 3. 24. w3스쿨즈 HTML(4) - CSS 1. CSS를 입히는 세 가지 방법 inline HTML 앨리먼트에 스타일 속성 사용 (단일 앨리먼트 적용) ※스타일시트의 많은 이점을 잃습니다. 가급적 사용을 하지말아야 한다. This is a Blue Heading Internal 태그 안에서 앨리먼트 사용 (단일 HTML 페이지 적용) 하나의 단일 HTML 페이지에 고유 한 스타일이있는 경우 내부 스타일 시트를 사용할 수 있다. external 외부 CSS 파일을 사용 (여러개의 HTML 페이지에 적용) 외부 스타일 시트를 사용하면 하나의 파일을 변경하여 전체 웹 사이트의 모양을 변경할 수 있다. 가장 일반적인 방법은 external 방식이다. 외부 스타일 시트는 전체 URL 또는 현재 웹 페이지에 상대적인 경로를 사용하여 참조 할 수 있다. 절대.. 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. 이전 1 2 3 다음
