Develop/HTML (9) 썸네일형 리스트형 HTML 기초9 본 문서는 https://www.w3schools.com/html/default.asp를 공부하기 좋게 요약해 놓은 것입니다. HEAD Setting The Viewport 뷰포트는 웹 페이지에서 사용자가 볼 수 있는 영역입니다. 기기에 따라 다릅니다. 컴퓨터 화면보다 휴대전화에서 더 작습니다. 모든 웹 페이지에 다음 요소를 포함해야 합니다. width=device-width부분 (기기에 따라 다름) 장치의 화면 폭을 따라 페이지의 폭을 설정한다. 이 initial-scale=1.0부분은 브라우저에서 페이지를 처음 로드할 때 초기 확대/축소 수준을 설정합니다. LAYOUT HTML 레이아웃 요소 HTML 기초8 JavaScript 본 문서는 https://www.w3schools.com/html/default.asp를 공부하기 좋게 요약해 놓은 것입니다. JavaScript는 HTML 페이지를 보다 동적이고 대화식으로 만듭니다. Click me to display Date and Time. HTML JavaScript는 스타일을 변경할 수 있습니다. JavaScript can change the style of an HTML element. Click Me! JavaScript는 속성을 변경할 수 있습니다. Light On Light Off HTML 태그 HTML 태그는 브라우저에서 스크립트를 비활성화했거나 스크립트를 지원하지 않는 브라우저를 가진 사용자에게 표시할 대체 콘텐츠를 정의합니다. document.getElementBy.. HTML 기초7 Iframes 본 문서는 https://www.w3schools.com/html/default.asp를 공부하기 좋게 요약해 놓은 것입니다. HTML iframe은 웹 페이지 내에 웹 페이지를 표시하는 데 사용됩니다. HTML 아이프레임 구문 HTML 태그는 인라인 프레임을 지정합니다. 인라인 프레임은 현재 HTML 문서 내에 다른 문서를 포함하는 데 사용됩니다. Iframe - 높이 및 너비 설정 사용 height및 widthiframe을의 크기를 지정하는 속성. 높이와 너비는 기본적으로 픽셀 단위로 지정됩니다. Iframe - 테두리 제거 기본적으로 iframe에는 테두리가 있습니다. 테두리를 제거하려면 style속성을 추가 하고 CSS border속성을 사용하세요. Iframe - 링크 대상 iframe은 링크의.. HTML 기초6 ID 본 문서는 https://www.w3schools.com/html/default.asp를 공부하기 좋게 요약해 놓은 것입니다. HTML id속성은 HTML 요소의 고유 ID를 지정하는 데 사용됩니다. HTML 문서에는 동일한 ID를 가진 요소가 두 개 이상 있을 수 없습니다. id의 구문은 다음과 같습니다. 해시 문자(#)와 id 이름을 차례로 작성합니다. 그런 다음 중괄호 {} 안에 CSS 속성을 정의합니다. 다음 예 에는 ID 이름 "myHeader"를 가리키는 요소 가 있습니다 . 이 요소는 #myHeader 헤드 섹션 의 스타일 정의에 따라 스타일이 지정됩니다 . #myHeader { background-color: lightblue; color: black; padding: 40px; text-.. HTML 기초5 Classes 본 문서는 https://www.w3schools.com/html/default.asp를 공부하기 좋게 요약해 놓은 것입니다. 클래스 속성 사용하기 class속성은 종종 스타일 시트 클래스 이름에 포인트로 사용됩니다. 특정 클래스 이름을 가진 요소에 액세스하고 조작하기 위해 JavaScript에서 사용할 수도 있습니다. 다음 예 에는 "city" 값을 가진 속성 이 있는 세 개의 요소 가 있습니다 class. 세 가지 요소는 모두 .city head 섹션 의 스타일 정의에 따라 동일하게 스타일이 지정됩니다 . .city { background-color: tomato; color: white; border: 2px solid black; margin: 20px; padding: 20px; } London.. HTML 기초4 Block and Inline Elements 본 문서는 https://www.w3schools.com/html/default.asp를 공부하기 좋게 요약해 놓은 것입니다. 블록 수준 요소 블록 수준 요소는 항상 새 줄에서 시작합니다. 블록 수준 요소는 항상 사용 가능한 전체 너비를 차지합니다(가능한 한 왼쪽과 오른쪽으로 늘어남). 블록 수준 요소에는 위쪽 및 아래쪽 여백이 있지만 인라인 요소에는 없습니다. 요소는 블록 수준 요소입니다. Hello World 인라인 요소 인라인 요소는 새 줄에서 시작하지 않습니다. 인라인 요소는 필요한 만큼만 너비를 차지합니다. 이것은 단락 내부의 요소 입니다. This is an inline span Hello World element inside a paragraph. 요소 요소는 종종 다른 HTML 요소에 대한.. HTML 기초3 List 본 문서는 https://www.w3schools.com/html/default.asp를 공부하기 좋게 요약해 놓은 것입니다. 정렬되지 않은 HTML 목록 순서가 지정되지 않은 목록은 태그로 시작합니다 . 각 목록 항목은 태그로 시작합니다 . 목록 항목은 기본적으로 글머리 기호(작은 검은색 원)로 표시됩니다. Coffee Tea Milk 정렬된 HTML 목록 순서가 지정된 목록은 태그로 시작합니다 . 각 목록 항목은 태그로 시작합니다 . 목록 항목은 기본적으로 숫자로 표시됩니다. Coffee Tea Milk HTML 설명 목록 HTML은 설명 목록도 지원합니다. 설명 목록은 각 용어에 대한 설명과 함께 용어 목록입니다. 태그는 상기 설명 목록을 정의 태그 용어 (이름)를 정의하고, 태그는 각각의 용어 설.. HTML 기초2 본 문서는 https://www.w3schools.com/html/default.asp를 공부하기 좋게 요약해 놓은 것입니다. HTML 텍스트 서식 This text is bold This text is italic This is subscript and superscript - 굵은 텍스트 - 중요한 텍스트 - 기울임꼴 텍스트 - 강조된 텍스트 - 표시된 텍스트 - 더 작은 텍스트 - 삭제된 텍스트 - 삽입된 텍스트 - 아래 첨자 텍스트 - 위 첨자 텍스트 HTML 및 요소 HTML 요소는 추가적인 중요성 없이 굵은 텍스트를 정의합니다. This text is normal. This text is bold. This text is normal. This text is important! HTML 요소 .. 이전 1 2 다음
