HTML을 사용하면 항목의 간단한 드롭다운 목록을 쉽게 생성하여 HTML 양식에서 사용자 입력을 얻을 수 있습니다. 이를 위해 요소를 사용합니다. 선택 상자는 드롭다운 상자라고도 하며 항목을 나열하는 옵션이 있습니다. 또한 HTML 양식의 항목 드롭다운 목록에서 기본값을 설정할 수 있습니다. 이를 위해 미리 선택하려는 값에 대해 태그에서 selected를 추가합니다. 예시 다음 코드를 실행하여 HTML 요소 −의 기본값을 설정하는 방법을 배울 수 있습니다. <!DOCTYPE html> <html>
태그는 인라인 프레임을 지정하는 데 사용됩니다. 인라인 프레임은 현재 문서 내부에 다른 문서를 포함합니다. 인라인 프레임을 만드는 것은 매우 쉽습니다. 태그에는 다음과 같은 속성이 있습니다. - 속성 설명 높이 의 높이(픽셀). 이름 의 이름. src 삽입할 문서의 URL입니다. 포함 의 너비(픽셀)입니다. 예 다음 코드를 실행하여 HTML에서 인라인 프레임을 만들 수 있습니다. <!DOCTYPE html> <html> <
HTML에는 콘텐츠 형식 지정, 제목 지정, 콘텐츠 정렬, 섹션 추가 등을 웹사이트에 추가하는 다양한 태그가 있습니다. HTML 문서의 필수 태그 중 일부는 doctype, , , 및 입니다. 문서 유형 doctype은 doctype 선언 유형입니다. 문서에서 사용 중인 HTML 버전을 지정하는 데 사용됩니다. <!DOCTYPE html> HTML 태그는 여는 태그 앞에 있는 태그를 제외한 다른 모든 HTML 요소의 컨테이너입니다. 다른 모든 HTML 요소는 및 태그 사이에 중첩됩니다. HTML
HTML에는 콘텐츠 형식 지정, 제목 지정, 콘텐츠 정렬, 섹션 추가 등을 웹사이트에 추가하는 다양한 태그가 있습니다. HTML 문서에서 가장 중요한 태그는 doctype, , , 입니다. 문서 유형 doctype은 doctype 선언 유형입니다. 문서에서 사용 중인 HTML 버전을 지정하는 데 사용됩니다. <!DOCTYPE html> HTML 태그는를 제외한 다른 모든 HTML 요소의 컨테이너입니다. 태그는 여는 태그 앞에 있습니다. 다른 모든 HTML 요소는 및 태그 사이에 중첩됩니다. HTML
HTML 문서의 제목을 설정하려면 HTML 태그를 사용하십시오. 본문 제목은 와 태그 사이에 위치합니다. HTML 문서 제목은 웹 브라우저 제목 표시줄에 표시됩니다. SEO에 좋은 것으로 간주됩니다. 웹 브라우저에서 다음 코드를 실행하여 웹 브라우저 탭에 나타나는 문서 제목을 확인할 수 있습니다. 예시 <!DOCTYPE html> <html> <head> <title
HTML 태그는 HTML 문서의 헤드 내에서 스타일 시트를 선언하기 위한 태그이며 HTML 페이지에 CSS를 추가하는 기법을 내부 CSS라고 합니다. CSS는 HTML에서 다양한 방식으로 사용될 수 있습니다. 그 중 하나는 내부 CSS, 즉 태그를 사용하는 것입니다. 태그는 … 태그에 사용됩니다. 단일 페이지에 대한 CSS 스타일을 정의합니다. 예시 다음 코드를 실행하여 태그를 사용할 수 있습니다. <!DOCTYPE html> <html> <head>
HTML 문서는 웹사이트에 콘텐츠를 표시하는 데 도움이 되는 웹 페이지입니다. 여는 태그와 닫는 태그가 있는 태그로 구성됩니다. 그러나 일부 태그는 쌍으로 제공되지 않습니다. 즉, 닫는 태그가 없습니다. 기본 최소 구조에는 추가해야 하는 몇 가지 태그도 있습니다. 문서 유형 이것은 HTML 프로그램을 시작하고 로 추가되는 doctype 선언입니다. . 문서에 대해 브라우저에 알리고 지시하기 위해 추가됩니다.
HTML에서 필수 요소는 doctype 선언, 및 입니다. 그러나 유효한 HTML 문서가 요소 없이 작동할 수 있다는 사실을 알고 놀랄 것입니다. doctype 선언은 페이지 내용을 브라우저에 알리고 지시하기 때문에 항상 올 것입니다. 예를 들어 보겠습니다. 여기서는 태그를 사용하지 않습니다. 그래도 HTML 문서는 유효하며 다른 유효한 HTML 문서처럼 올바르게 작동합니다. 예시 <!DOCTYPE html> <html> <title>Title of the docum
태그는 HTML에서 외부 리소스에 대한 관계를 정의하는 데 사용됩니다. 외부 스타일 시트를 연결하는 데 사용됩니다. … 태그 안에 추가되지만 닫는 태그는 없습니다. 여기에 외부 CSS 파일을 정의합니다. 별도로 생성된 CSS 파일에는 모든 CSS 코드가 들어 있습니다. href 속성은 CSS 파일 링크를 추가합니다. 다음 코드를 실행하여 HTML에 외부 CSS를 포함할 수 있습니다. CSS 파일 style.css에 대한 링크와 함께 HTML 파일이 여기에 있습니다. 예시 <!DOCTYPE html> <html&
HTML 태그는 HTML 문서 내에서 스크립트를 선언하는 데 사용됩니다. 이를 통해 클라이언트 측 JavaScript를 정의할 수 있습니다. 다음은 태그의 속성입니다 - 속성 값 설명 비동기 비동기 스크립트가 비동기적으로 실행되도록 지정합니다. 문자 집합 문자 집합 스크립트가 사용하는 문자 인코딩을 정의합니다. 지연 지연 스크립트가 콘텐츠를 생성하지 않을 것임을 선언합니다. 따라서 브라우저/사용자 에이전트는 페이지의 나머지 부분을 계속 구문 분석하고 렌더링할 수 있습니다. sr
HTML 태그는 HTML 문서 내에서 스크립트를 선언하는 데 사용됩니다. 이를 통해 클라이언트 측 JavaScript를 정의할 수 있습니다. 그러나 HTML 페이지 내부에 외부 JavaScript를 추가하려면 어떻게 해야 할까요? 태그의 src 속성을 사용하여 쉽게 그렇게 할 수도 있습니다. 다음은 태그의 속성입니다 - 속성 값 설명 비동기 비동기 스크립트가 비동기적으로 실행되도록 지정합니다. 문자 집합 문자 집합 스크립트가 사용하는 문자 인코딩을 정의합니다. 지연 지연 스크립트가
JavaScript에서 현재 날짜와 시간을 가져오려면 Date 개체를 사용하세요. 예시 다음 코드를 실행하여 날짜와 시간을 표시할 수 있습니다. − <!DOCTYPE html> <html> <body> <p id="currentDate"></p> <script> document.getElemen
JavaScript에서 객체 배열을 인쇄하려면 JSON.stringify() 메서드를 사용하세요. 예시 객체 배열을 표시하기 위해 다음 코드를 실행할 수 있습니다 - var data =[{ date:new Date(2017, 11, 25), 값:10 } , { 날짜:새로운 날짜(2017, 11, 30), 값:20 }]; document.getElementById(테스트).innerHTML =JSON.stringify(데이터, null, 4); 출력 [ { 날짜:2017-12-24T18:30:00.000Z, 값:10 }
자바스크립트에서 현재 연도를 가져오려면 getFullYear() 메서드를 사용하세요. 예시 다음 코드를 실행하여 현재 연도를 인쇄할 수 있습니다. - <!DOCTYPE html> <html> <body> <p>Click below to get the current year:</p> <button onclick="display()">Display Year
조건을 하나씩 살펴보자 - if(‘0’ == false) 다음 규칙을 따릅니다 - If Type(y) is Boolean, return the result of the comparison x == ToNumber(y) ==는 강제 변환을 수행합니다. 이는 두 피연산자의 유형과 일치하도록 명시적 유형 변환이 요청됨을 의미합니다. 왼쪽 0은 숫자 0으로 변환됩니다. 두 숫자를 비교할 때 0은 0이므로 결과는 참입니다. 이 경우 비교되기 전에 강제 변환되었기 때문에 0 문자열의 참/거짓 특성을 암시하지 않으므로 작
#으로 구성된 삼각형을 인쇄하려면 중첩된 for 루프를 사용해야 합니다. 예 삼각형을 인쇄하려면 다음 코드를 시도하십시오 - <html> <head> <body> <p>Printing a triangle</p> <script>
JavaScript는 객체 지향 프로그래밍(OOP) 언어입니다. 프로그래밍 언어는 개발자에게 4가지 기본 기능을 제공하는 경우 객체 지향이라고 할 수 있습니다. 캡슐화 - 객체와 함께 데이터 또는 메소드와 관련된 정보를 저장하는 기능. 집계 - 한 개체를 다른 개체 안에 저장하는 기능. 상속 - 일부 속성 및 메서드에 대해 다른 클래스(또는 여러 클래스)에 의존하는 클래스의 기능. 다형성 − 다양한 방식으로 작동하는 하나의 함수 또는 방법을 작성할 수 있는 능력. 객체는 속성으로 구성됩니다. 속성에 함수가 포함되어 있으면 객
객체를 생성하기 위해 new 연산자를 사용하여 객체의 인스턴스를 생성합니다. new 연산자 다음에는 생성자 메서드가 옵니다. 생성자는 객체를 생성하고 초기화하는 함수입니다. JavaScript는 객체를 빌드하기 위해 Object()라는 특수 생성자 함수를 제공합니다. Object() 생성자의 반환 값은 변수에 할당됩니다. 변수는 새 개체에 대한 참조를 포함합니다. 개체에 할당된 속성은 변수가 아니며 var 키워드로 정의되지 않습니다. 예시 다음 코드를 실행하여 JavaScript에서 개체를 만드는 방법을 배울 수 있습니다. − &
defer 속성은 페이지가 로드될 때 스크립트 실행이 발생하도록 지정하는 데 사용됩니다. 외부 스크립트에만 사용되며 부울 속성입니다. 예시 다음 코드는 지연을 사용하는 방법을 보여줍니다. 속성: <!DOCTYPE html> <html> <body> <script src="defer_test.js" defer></script> <p>The extern
웹사이트 개발에는 HTML, CSS, JavaScript 및 선택한 플랫폼으로 코드 작성이 포함되었습니다. 귀하의 웹사이트는 웹사이트 표준에 따라 정확하고 반응이 빠르고 개발된 것처럼 보이지만 내부 문제가 있을 수 있습니다. 웹사이트 코드를 확인하기 위한 도구는 W3C에서 제공합니다. HTML5 유효성 검사 Validator.nu는 HTML5, ARIA, SVG 1.1 및 MathML 2.0의 유효성을 검사하는 유효성 검사기입니다. 전체 문서를 확인하고 마크업이 문서 유형을 따르지 않는 부분을 지적합니다. W3C 마크업 검사기