본문 바로가기

분류 전체보기120

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(7) - class, id Class 기본 사용법은 설명이나 예제가 필요없이 보고도 이해 가능한거라 활용법을 소개합니다. ※note : class 속성은 모든 HTML 태그에서 사용할 수 있다. ※note : class 는 대소문자를 구분한다. 인라인 요소에서 클래스 속성 사용 span.note { font-size: 120%; color: red; } My Important Heading This is some important text. 특정 클래스를 가진 요소 선택 CSS에서 특정 클래스를 가진 요소를 선택하려면 마침표 (.) 문자와 클래스 이름을 작성하세요. 멀티 클래스(한번에 2개 이상의 클래스 쓰기) HTML 요소는 둘 이상의 클래스 이름을 가질 수 있으며 각 클래스 이름은 공백으로 구분해야합니다. London // ... 2022. 3. 29.
w3스쿨즈 HTML(7) - block, inline 모든 HTML 태그에는 태그 유형에 따라 기본 표시 값이 있습니다. 기본 표시값은 block 과 inline입니다. 블록 블록은 항상 새 줄에서 시작하여 사용 가능한 전체 너비를 차지한다. (가능한한 왼쪽과 오른쪽으로 뻗는다.) 대표적으로 가 있다 는 주로 다른 HTML을 감싸는 container로 사용된다. 태그는 필수 속성은 없지만 주로 style, class, id 속성이 쓰인다. 는 CSS와 함께 사용하면 요소를 사용하여 콘텐츠 블록 스타일을 지정할 수 있다. 인라인 인라인 요소는 새 줄에서 시작되지 않으며 필요한만큼만 폭을 차지한다. 대표적으로 이 있다. 은 주로 some text의 container로 사용된다. 태그는 필구 속성은 없지만 주로 style, class, id 속성이 쓰인다. 는 .. 2022. 3. 29.
w3스쿨즈 HTML(6) - 리스트[list] Unordered List // 순서기호가 존재하지않음 Coffee Tea Milk CSS list-style-type 속성은 목록 항목 마커의 스타일을 정의하는 데 사용됩니다. disc : 기본속성으로 검은색 꽉찬 동그라미 circle : 빈속 동그라미 square : 검은색 네모 none : 아무것도 표시되지않음 Coffee Tea Milk list image ul { list-style-image: url('sqpurple.gif'); } position list ul.a { list-style-position: outside; } ul.b { list-style-position: inside; } Remove Default 셋팅 ul { list-style-type: none; margin: 0;.. 2022. 3. 29.
w3스쿨즈 HTML(6) - 테이블[table] HTML을 하다보면 가장 많이 사용되는 태그가 바로 테이블이다. 테이블은 표를 만들어주는 HTML 태그인데, 지금은 잘 사용하지는 않지만 과거에 웹사이트의 레이아웃을 배치할 때도 많이 사용되었던 태그이다. 테이블 속성 테이블을 만드는 태그 테이블의 헤더 테이블의 행 테이블의 열 Company Contact Country Alfreds Futterkiste Maria Anders Germany Centro comercial Moctezuma Francisco Chang Mexico 테이블 디자인 속성 border 테이블의 테두리 bordercolor 테이블의 테두리 색상 width 테이블 가로 크기 height 테이블 세로 크기 align 정렬 bgcolor 배경색 colspan 가로 합병(열 합병) ro.. 2022. 3. 29.

티스토리툴바