Worksheets2.1 Introduction to Integrated Development Environment (IDE)
Total questions: 60
Worksheet time: 30mins
Which statement best defines a development environment?
A website used to publish finished applications only
A setup used to create, test, and manage code
A hardware kit used to assemble computer components
A database used to store production user accounts
What is an Integrated Development Environment (IDE)?
A software platform combining editor and developer tools
A cloud server that hosts compiled applications only
A hardware device that accelerates graphics rendering
A programming language used to write mobile apps
Which feature is commonly provided by an IDE to reduce typing errors?
Auto-completion for code statements and symbols
Battery optimization for laptops and tablets
Network throttling for bandwidth limitation
Color calibration for external monitors
Which pair lists tools typically integrated in an IDE?
Firewall and antivirus scanners
Spreadsheet and presentation tools
Photo editor and animation tools
Code editor and debugging tools
A team wants to build and test an app efficiently and safely. Which choice best supports this goal?
Use a configured development environment
Rely only on manual text editors forever
Skip testing to release features faster
Write code directly on production servers
Which benefit explains why IDEs can make coding faster and easier?
They replace all programming languages with one
They integrate editing, debugging, and file management
They remove the need for planning and design
They automatically publish to every app store
Which option is an example of an IDE mentioned in class lists?
Visual Studio Code or Notepad++
Microsoft Excel or Google Sheets
Cisco Packet Tracer or Wireshark
Adobe Photoshop or Illustrator
A student sees red underlines in the editor while typing. Which IDE feature is most likely responsible?
Error checking for potential syntax issues
Version control merging conflicts only
Operating system spell checking service
Hardware driver diagnostics module
Which category best describes a primary tool used to write HTML, CSS, and JavaScript files?
Database server system
Code editor application
Email client program
Graphic editor software
What is the main reason web designers use a browser during development?
To host the website online
To manage user passwords
To compress project assets
To view and test web pages
Which statement describes a benefit of testing pages in a browser during coding?
It replaces the need for version control
It generates backend APIs automatically
It shows code results in real time
It converts mockups into frameworks
Which list contains only examples of common web browsers used for testing?
Visual Studio, Sublime Text, Notepad++
Google Chrome, Mozilla Firefox, Apple Safari
Apache, Nginx, IIS Server
Figma, Sketch, Adobe XD
A student wants to inspect CSS rules live on a page. Which tool category is most appropriate?
Static site generators
Cloud storage dashboards
Browser developer tools
Database administration panels
Which browser extension helps you inspect and debug web pages?
Web Developer Checklist
Wappalyzer
HTML Validator
Web Developer
Which extension identifies the technologies a site is built with, such as frameworks or CMS?
Wappalyzer
Web Developer
Web Developer Checklist
HTML Validator
Which extension focuses on detecting HTML errors to improve markup quality?
Wappalyzer
Color Picker Toolkit
HTML Validator
Web Developer Checklist
You are preparing a page for launch and want to ensure best practices are followed. Which extension fits this task?
HTML Validator
Web Developer Checklist
JavaScript Minifier
Cookie Editor
Why should developers test a site in multiple browsers like Chrome, Firefox, and Safari?
It prevents the need for responsive layouts
It guarantees faster internet speeds for users
It automatically fixes server configuration files
Different browsers may render pages differently
A teammate claims a code editor can replace the need for a browser when building pages. What is the best response?
False, only servers can render HTML
False, browsers are required for viewing
True, editors always include servers
True, code editors execute pages fully
While debugging layout issues, which sequence is most effective?
Compress assets, clear cache, uninstall extensions
Design in slideshow, export image, share screenshot
Upload to server, email link, wait for feedback
Edit in code editor, refresh browser, inspect elements
Which pair correctly encloses the entire HTML document?
and
What are HTML tags primarily used for?
Describing document structure
Styling server hardware
Storing database records
Encrypting web traffic
Most HTML tags come in pairs. What are these two parts called?
Open and close tags
Begin and end braces
Head and tail tags
Start and finish markers
Which list best represents the parts of a typical HTML element?
Opening tag, content, closing tag, attributes
Selector, rule, value, declaration
Header, footer, sidebar, widgets
Prefix, infix, postfix, delimiter
Choose the correct opening and closing form of a paragraph element.
and
and
Which item is NOT listed as typical content inside an HTML document?
HTML tags
Compiled executables
Text content
Links and multimedia
You need to add extra information to an element such as a hyperlink target. Where is this information placed?
After the closing tag
Inside the server settings
Between document comments
Inside element attributes
A student writes
Incorrect tag delimiter used
No closing tag provided
Using uppercase tag names
Missing required attributes
Which line correctly declares the document type at the top of a basic HTML file?
Where should the
Outside the element
Inside an
element
Inside the
sectionInside the
sectionYou want the text Welcome to appear as the main page heading. Which markup best matches the example structure?
Welcome
Welcome
A simple page shows the title Hello World in the browser tab and the sentence This is a website. on the page. Which combination matches the correct placement of these texts?
both in
, none inboth in
, none intitle in
, sentence intitle in
, sentence inWhat is the primary purpose of the declaration in an HTML5 document?
Loads external CSS styles
Defines the main page body
Displays the site title text
Declares the HTML version used
Where should the declaration be placed within an HTML document?
At the very top line
Just before
Inside the
tagRight after the
Which element is the root of every HTML document and contains all other elements?
element
element
Which statement best describes the
element?Displays the main page content
Holds metadata not shown on page
Defines the document body layout
Creates visible navigation menus
Which item typically belongs inside the
element?Footer copyright text
User form inputs
Main article content
What does the
Viewport scaling rules
Browser tab label text
Main heading on page
Default font family
Which statement about elements is accurate?
Wrap the entire site body
Contain all other HTML tags
Render visible page headings
Provide metadata about the page
Which location correctly contains the
element in an HTML document tree?Inside alongside
Nested within the tag
Placed before the
Inside the
Which best explains why is required in modern pages?
Installs default JavaScript
Uploads site icons to cache
Enables standards mode rendering
Forces dark theme styling
You need to set the character encoding to UTF-8. Which tag and attribute should you use in the head?
Which content should be placed inside the
element?SEO description only
External script sources
Metadata definitions
Visible page content
What is a typical use of a tag?
Control mobile viewport scaling
Load custom web fonts
Generate dynamic menus
Embed server-side includes
Which pair correctly matches element and its role?
— visible paragraphs
Which attribute is commonly used on the tag to specify language?
lang attribute
name attribute
dir attribute
http-equiv
A search engine snippet uses a short page description. Which element commonly provides this text?
Which item should NOT be placed directly inside the
element?Stylesheet links
Script references
Metadata elements
Main article section
Which best describes the relationship among ,
, and ?All three are sibling roots
wraps head and body
Which form correctly sets compatibility or HTTP-like directives?
Which title text is most appropriate for the
Concise page topic
Developer comments
All visible headings
Entire article body
A page renders in quirks mode unexpectedly. Which fix is most likely?
Rename body to content
Place at top
Move scripts before head
Delete all meta tags
Which node sits at the very top of the DOM tree shown in the diagram?
Document
HTML
Body
Head
In the diagram, which elements are direct children of the HTML node?
ul and li
p and h1
Title and div
Head and Body
According to the diagram, which element is nested inside the ul element?
p
li
h1
div
A browser turns HTML into a tree structure for rendering. What is this structured representation called?
Structured Markup Array
Hyperlink Transfer Map
Cascading Style Grid
Document Object Model
If a developer moves the h1 element outside the div in the shown structure, which relationship changes first?
h1 is no longer a child of div
HTML is no longer parent of Body
Title is no longer child of Head
li becomes sibling of p
Which file extension is valid for saving a web page written in HTML?
.js or .mjs
.css or .scss
.html or .htm
.doc or .docx
A student names a file myfirstpage.html. What does this most strongly indicate about the file type?
It is a compressed archive
It is an image format file
It is a plain text HTML file
It is an executable program
You need a homepage that loads by default on a web server. Which filename is the most suitable choice?
index.html
mainpage.doc
homepage.htmz
default_page.text
