세상과 연결

[HTML 요소] 요소는 클라이언트 측 JavaScript를 정의하는 데 사용됩니다. 이 자바 스크립트는 "Hello JavaScript!"라고 씁니다. id = "demo"인 HTML 요소에 추가합니다. 예function myFunction { document.getElementById ( "demo"). innerHTML = "Hello JavaScript!";} 팁 : 자바 스크립트에 대한 모든 정보는 자바 스크립트 튜토리얼을 참조하십시오. [HTML 요소] 요소는 페이지의 모든 상대 URL에 대한 기본 URL과 기본 대상을 지정합니다. 예 , 및 를 생략 하시겠습니까?HTML5 표준에 따르면 , 및 태그는 생략 할 수 있습니다. 다음 코드는 HTML5로 확인합니다. 예 페이지 제목 표제입니다. 단..

뷰포트 설정하기HTML5는 웹 디자이너가 태그를 통해 뷰포트를 제어 할 수있게하는 메소드를 도입했습니다. 뷰포트는 웹 페이지의 사용자가 볼 수있는 영역입니다. 그것은 장치에 따라 다르며 컴퓨터 화면보다 휴대 전화에서 더 작습니다. 모든 웹 페이지에 다음과 같은 뷰포트 요소를 포함해야합니다. viewport 요소는 페이지의 크기와 배율을 제어하는 ​​방법에 대한 브라우저 지침을 제공합니다. width = device-width 부분은 페이지의 너비를 장치의 화면 너비에 따라 설정합니다 (장치에 따라 다름). initial-scale = 1.0 부분은 브라우저가 페이지를 처음로드 할 때 초기 줌 레벨을 설정합니다. 다음은 뷰포트 메타 태그가없는 웹 페이지와 뷰포트 메타 태그가있는 동일한 웹 페이지의 예입니다..

[HTML 요소] 요소는 메타 데이터 (데이터에 대한 데이터)의 컨테이너이며 태그와 태그 사이에 배치됩니다. HTML 메타 데이터는 HTML 문서에 대한 데이터입니다. 메타 데이터가 표시되지 않습니다. 메타 데이터는 일반적으로 문서 제목, 문자 세트, 스타일, 링크, 스크립트 및 기타 메타 정보를 정의합니다. 다음 태그는 , , , , 및 메타 데이터를 설명합니다. [HTML 요소] 요소는 문서의 제목을 정의하며 모든 HTML / XHTML 문서에 필요합니다. 요소 : 1.브라우저 탭에 제목을 정의합니다.2.즐겨 찾기에 추가 될 때 페이지의 제목을 제공합니다.3.검색 엔진 결과에 페이지 제목을 표시합니다. 간단한 HTML 문서 : 예 페이지 제목 문서의 내용 ...... [HTML 요소] 요소는 단일 H..

HTML 클래스의 Attribute class 속성 사용하기HTML 클래스 속성을 사용하면 동일한 클래스 이름을 가진 요소에 대해 동일한 스타일을 정의 할 수 있습니다. 여기에 동일한 클래스 이름을 가리키는 세 개의 요소가 있습니다. 예 런던 런던은 영국의 수도입니다. 영국에서 가장 인구가 많은 도시로 1300 만이 넘는 대도시가 있습니다. 파리 파리는 프랑스에서 가장 인구가 많은 도시입니다. 도쿄 도쿄는 도쿄의 중심 인 일본의 수도로,세계에서 가장 인구가 많은 대도시 지역입니다.

[HTML 블록 및 인라인 요소] 모든 HTML 요소는 요소 유형에 따라 기본 표시 값을가집니다. 대부분의 요소에 대한 기본 표시 값은 블록 또는 인라인입니다. [블록 수준 요소]블록 레벨 요소는 항상 새 행에서 시작하여 사용 가능한 전체 너비를 사용합니다 (가능한 한 왼쪽과 오른쪽으로 늘입니다). 요소는 블록 수준 요소입니다.블록 수준 요소의 예 : - 인라인 요소인라인 요소는 새 행에서 시작하지 않으며 필요한만큼의 너비 만 차지합니다. 이것은 단락 안에있는 인라인 요소입니다. 인라인 요소의 예 : [ 요소] 요소는 종종 다른 HTML 요소의 컨테이너로 사용됩니다. 요소에는 필수 속성이 없지만 스타일과 클래스는 공통입니다. CSS와 함께 사용하면 요소를 사용하여 콘텐츠 블록을 스타일 지정할 수 있습니다..

정렬되지 않은 HTML 목록순서가 지정되지 않은 목록은 태그로 시작합니다. 각 목록 항목은 태그로 시작합니다. 목록 항목은 기본적으로 글 머리 기호 (작은 검은 색 원)로 표시됩니다. 예 커피 차 밀크 정렬되지 않은 HTML 목록 - 목록 항목 마커 선택CSS list-style-type 속성은 목록 항목 마커의 스타일을 정의하는 데 사용됩니다. [옵션]disc 목록 항목 마커를 글 머리 기호로 설정합니다 (기본값).circle 목록 항목 마커를 원으로 설정합니다.square 목록 항목 마커를 사각형으로 설정합니다.none 목록 항목이 표시되지 않습니다. 예 - disc 커피 차 밀크 예 - circle 커피 차 밀크 예 - square 커피 차 밀크 예 - none 커피 차 밀크

HTML 테이블 정의하기HTML 테이블은 태그로 정의됩니다. 각 테이블 행은 태그로 정의됩니다. 표 머리글은 태그로 정의됩니다. 기본적으로 테이블 표제는 굵게 표시되고 중앙에 배치됩니다. 테이블 데이터 / 셀은 태그로 정의됩니다. 예 이름 성 연령 질 스미스 50 Eve 잭슨 94 참고 : 요소는 테이블의 데이터 컨테이너입니다.여기에는 모든 종류의 HTML 요소가 포함될 수 있습니다. 텍스트, 이미지, 목록, 다른 테이블 등 HTML 표 - 테두리 추가표에 테두리를 지정하지 않으면 테두리없이 테두리가 표시됩니다. 테두리는 CSS 테두리 속성을 사용하여 설정됩니다. 예table, th, td { border: 1px solid black;}표 셀과 표 셀의 테두리를 정의해야합니다. HTML 표 - 축소 된..

HTML 표 - 많은 행을 포함하는 셀한 행 이상의 셀 범위를 만들려면 rowspan 특성을 사용하십시오. 예 이름 : 빌 게이츠 전화 번호 : 55577854 55577855 HTML 표 - Caption 추가하기캡션을 표에 추가하려면 태그를 사용하십시오. 예 월간 저축 월 저축 1 월 $ 100 2 월 $ 50 참고 : 태그는 태그 바로 뒤에 삽입해야합니다. 하나의 테이블을위한 특별한 스타일특수한 테이블에 특별한 스타일을 정의하려면, id 속성을 테이블에 추가하십시오 : 예 이름 성 연령 Eve 잭슨 94 이제이 표에 대한 특수한 스타일을 정의 할 수 있습니다.table#t01 { width: 100%; background-color: #f1f1c1;} 그리고 더 많은 스타일을 추가하십시오.table..

HTML 파일 경로 [경로 설명] picture.jpg는 현재 페이지와 같은 폴더에 있습니다. picture.jpg는 현재 폴더에있는 images 폴더에 있습니다. picture.jpg는 현재 웹에있는 images 폴더에 있습니다. picture.jpg는 현재 폴더에서 한 레벨 위의 폴더에 있습니다 [HTML 파일 경로]파일 경로는 웹 사이트의 폴더 구조에있는 파일의 위치를 ​​설명합니다. 파일 경로는 다음과 같은 외부 파일에 연결할 때 사용됩니다. - 웹 페이지- 이미지- 스타일 시트- 자바 스크립트 [절대 경로]절대 경로는 인터넷 파일의 전체 URL입니다. 예 [상대 경로]상대 경로는 현재 페이지를 기준으로 한 파일을 가리 킵니다. 이 예제에서 경로는 현재 웹의 images 폴더에있는 파일을 가리 킵..

[Iframe 구문] HTML iframe은 태그로 정의됩니다. src 속성은 인라인 프레임 페이지의 URL (웹 주소)을 지정합니다. [Iframe - 높이 및 너비 설정]높이 및 너비 특성을 사용하여 iframe의 크기를 지정합니다. 속성 값은 기본적으로 픽셀 단위로 지정되지만 백분율 (예 : "80 %") 일 수도 있습니다. 예 [Iframe - 테두리 제거]기본적으로 iframe에는 테두리가 있습니다. 테두리를 제거하려면 style 속성을 추가하고 CSS 테두리 속성을 사용하십시오. 예 CSS를 사용하면 iframe의 테두리 크기, 스타일 및 색상을 변경할 수도 있습니다. 예 [Iframe - 링크 타겟]iframe은 링크 대상 프레임으로 사용할 수 있습니다. 링크의 대상 속성은 iframe의 n..