30 top html interview questions
신입생 및 숙련 된 전문가를위한 가장 인기있는 HTML 인터뷰 질문 목록 :
이 튜토리얼에서는 경험이있는 후보자뿐만 아니라 신입생에게 도움이되는 HTML의 기본 및 고급 부분을 모두 포함하는 HTML 인터뷰 질문을 다루었습니다.
HTML은 웹 개발 작업을 시작하는 매우 기본적인 언어입니다.
웹 개발 게시물에 대한 인터뷰를 크랙하려면 HTML에 대한 매우 강력한 지식을 적극 권장합니다. 이 유익한 튜토리얼이 첫 번째 시도에서 인터뷰를 성공적으로 완료하는 데 많은 도움이되기를 바랍니다.
가장 자주 묻는 HTML 인터뷰 질문
아래에 가장 인기있는 HTML 인터뷰 질문 목록과 쉽게 이해할 수 있도록 답변 및 예제 코드가 나와 있습니다.
시작하자!!
Q # 1) HTML은 무엇을 의미합니까?
대답: HTML은 Hypertext Markup Language를 나타냅니다.
Q # 2) HTML을 설명하십시오.
대답: 하이퍼 텍스트 마크 업 언어 (Hypertext Markup Language) 또는 HTML은 웹 사이트 템플릿 또는 웹 페이지를 만들어 World Wide Web에 콘텐츠를 표시하는 데 사용되는 마크 업 언어입니다.
HTML 페이지는 웹 페이지 이름에 .html 또는 .html을 추가하여 저장됩니다.
Q # 3) HTML 템플릿의 기본 구조를 작성합니까?
대답: HTML 템플릿의 기본 구조는 다음과 같습니다.
Q # 4) HTML5 란 무엇입니까?
대답: HTML5는 HTML을 정의하는 마크 업 언어의 최신 또는 업데이트 버전입니다.
Q # 5) HTML에는 없지만 HTML5에 추가 된 새로운 기능의 이름을 알려주세요.
대답: HTML5의 몇 가지 새로운 기능은 다음과 같습니다.
- DOCTYPE 선언 :
- 부분 : Section 태그는 머리글, 바닥 글 또는 문서의 다른 섹션과 같은 문서의 섹션을 정의합니다. 문서의 구조를 정의하는 데 사용됩니다.
- 헤더: 헤더 태그는 문서의 헤드 섹션을 정의합니다. 헤더 섹션은 항상 문서 상단에 고정됩니다.
- 보행인: 바닥 글 태그는 문서의 바닥 글 섹션을 정의합니다. 바닥 글 섹션은 항상 문서 하단에 고정됩니다.
- 조: 기사 태그는 문서 내용의 독립적 인 부분을 정의합니다.
- 본관: 기본 태그는 문서의 기본 콘텐츠를 포함하는 문서의 기본 섹션을 정의합니다.
- figcaption : Figcaption 태그는 이미지 또는 비디오와 같은 미디어 요소의 캡션을 정의합니다.
Q # 6) 앵커 태그 란 무엇이며 클릭하면 새 탭으로 URL을 열 수 있습니까?
대답: HTML의 앵커 태그는 두 섹션 또는 두 개의 서로 다른 웹 페이지 또는 웹 사이트 템플릿을 연결하는 데 사용됩니다.
클릭시 브라우저의 새 탭으로 URL을 열려면 다음과 같은 대상 속성을 추가해야합니다. _공백.
Q # 7) HTML 코드를 작성하여 아래의 값을 Roll No., Student name, Subject Name, Values
- 램, 물리학
- Shyam, 수학
- Murli, 화학
대답: 위의 값을 HTML 테이블 형식으로 나타 내기위한 코드는 다음과 같습니다.
table, th, td { border: 1px solid black; } Roll No. Student Name Subject Name 1 Ram Physics 2 Shyam Math 3 Murli Chemistry
산출:
Q # 8) HTML에서 의미 요소를 정의하십시오.
대답: 시맨틱 요소는 브라우저와 개발자에게 컨텐츠에 대한 의미를 나타내는 HTML 요소입니다.
예를 들어 - 피 태그는 단락을 나타내며, ...에 태그는 앵커 태그, 양식 태그, 테이블 태그, 기사 태그를 나타내고 더 많은 것이 HTML의 의미 요소입니다. 반면 div 태그, 스팬 태그, 굵은 태그는 의미 요소가 아닙니다.
Q # 9) HTML 태그에 속성을 정의하십시오.
가지고있는 가장 좋은 이메일 계정은 무엇입니까
대답: HTML 태그에는 해당 태그의 속성이라고하는 태그 내부에 필드가 있습니다.
예를 들면 :
여기이 태그에서 src는 img 태그 속성입니다.
이 태그 유형에는 입력 태그 속성이 있습니다.
Q # 10) HTML 태그의 속성 값을 동적으로 수정할 수 있습니까?
대답: 예, JavaScript를 사용하여 속성 값을 수정할 수 있습니다.
다음은 속성이 수정 될 입력 요소입니다. 본문 ...에 암호, 속성 값을 수정하는 JS 코드 :
document.getElementById(“inputField”).attr(“type”, “password”);Q # 11) HTML로 어떻게 주석을 달 수 있습니까?
대답: 주석은 개발자가 코드 기능을 추적하는 데 사용되며 다른 개발자가 코드 기능을 쉽게 이해하는 데 도움이됩니다.
주석 처리 된 개요는 브라우저에 표시되지 않습니다. 한 줄에 주석을 달려면 줄이 다음으로 시작해야합니다. 이것으로 끝 ->. 주석은 한 줄 또는 여러 줄이 될 수 있습니다.
예를 들면 :
(iii) 머리 – 태그는 태그 내부의 첫 번째 요소입니다. 페이지 및 해당 컨텐츠에 대한 정보를 브라우저에 제공하는 데 사용됩니다.
검색 엔진 최적화 (SEO) 기술은이 태그 안에 작성됩니다. , 태그는이 태그 안에 작성됩니다. CSS 및 JS 외부 링크 또는 내부 CSS 및 JS도이 태그 안에 작성됩니다.
HTML Interview Questions (iv) BODY – 태그는 태그의 닫는 태그 뒤에, 즉. 이 태그 안에 작성된 HTML 코드는 브라우저에 웹 사이트 콘텐츠로 표시됩니다.
Top HTML Interview Questions
HTML stands for Hypertext Markup Language
함께 몸 전체는 다음과 같습니다.
HTML Interview Questions h2{ color: #1855b5; } p{ color: #3bd256; font-weight: 600; } Top HTML Interview Questions
HTML stands for Hypertext Markup Language
산출:
Q # 17) HTML에서 메타 태그가 사용되는 이유는 무엇입니까?
대답: HTML의 메타 태그는 개발자가 페이지 설명, 템플릿 작성자, 문자 집합, 키워드 등에 대해 브라우저에 알리는 데 사용됩니다.
메타 태그는 페이지 콘텐츠에 대해 검색 엔진에 알리기 위해 검색 엔진 최적화에 사용됩니다.
Q # 18) HTML의 목록 요소를 설명하십시오.
대답: 다음은 HTML의 목록 요소입니다.
- 주문 목록 (
- )-
- 정렬되지 않은 목록 (
- )-
- 정의 목록 (
- )
주문 목록 :
HTML Interview Questions Ordered List h1{ color: red; } li{ color: #0070ff; } function myMap() { var mapOptions = { center: new google.maps.LatLng(51.5, -0.12), zoom: 10 } var map = new google.maps.Map(document.getElementById('map'), mapOptions); } 산출:
Q # 25) HTML과 XHTML을 구분하세요.
대답: HTML과 XHTML의 차이점은 다음과 같습니다.
- HTML은 Hypertext Markup Language를 의미하고 XHTML은 Extensible Markup Language를 의미합니다.
- 정적 웹 페이지는 HTML 웹 페이지이고 동적 웹 페이지는 XHTML입니다.
- XHTML은 HTML보다 더 엄격합니다.
- HTML의 XML 응용 프로그램은 XHTML로 정의됩니다.
- 모든 최신 브라우저는 XHTML을 지원합니다.
Q # 26) 웹 워커 란 무엇입니까?
대답: Web Workers는 페이지 성능을 방해하지 않고 백그라운드 스레드에서 실행되는 JavaScript 코드입니다. 액세스 데이터베이스 또는 기능과 같이 컴퓨팅이 많은 작업에 사용됩니다.
Q # 27) SVG 요소는 무엇입니까?
대답: SVG는 따르는 XML 형식입니다. 상호 작용 및 애니메이션을 지원하는 벡터 그래픽을 만드는 데 사용되는 Scalable Vector Graphics의 약자입니다.
SVG는 크기를 조정하거나 확대 할 때 품질을 잃지 않기 때문에 해상도에 독립적입니다.
Q # 28) 캔버스에 대해 설명해주세요.
대답: 캔버스는 픽셀 기반 그래픽이며 HTML5의 새로운 기능 중 하나입니다.
문서에서 JavaScript를 사용하여 그래픽을 그릴 수있는 공간을 제공하며 해상도에 따라 다르므로 확대 / 축소하거나 크기를 조정할 때 품질에 영향을줍니다.
예:
Your browser does not support the HTML5 canvas tag. var can = document.getElementById('myCanvas'); var canvas = can.getContext('2d'); canvas.font = '20px Hind-sanserif'; canvas.fillText('Canvas Example',30,60); 
Q # 29) HTML5의 새로운 양식 요소를 설명하세요.
답변 : HTML5에 추가 된 새로운 양식 요소는 다음과 같습니다.
- 데이터 목록 – 입력 제어를위한 옵션 목록으로 사용됩니다.
- Keygen – 이 태그는 키 쌍 생성기 (Private / Public) 필드를 정의합니다.
- 출력 – 계산 결과를 표시하는 데 사용됩니다.
Q # 30) HTML5에서 Quirks 모드는 무엇입니까?
대답: HTML 페이지 또는 문서에 요소를 포함하지 않으면 쿼크 모드로 이동합니다. 이 모드에서 HTML 요소는 브라우저에 따라 다릅니다. 따라서 브라우저에 따라 콘텐츠가 표시됩니다.
결론
이러한 인터뷰 질문과 답변은 웹 개발 인터뷰를 성공적으로 진행하는 데 도움이 될 것입니다. 대부분의 질문에는 인터뷰 중 HTML 전문가의 답변이 포함됩니다.
추천 읽기 = >> HTML 치트 시트
희망, 이러한 인터뷰 질문이 HTML 개념에 대한 지식을 풍부하게했을 것입니다 !!
모든 성공을 기원합니다 !!