HTML and CSS Flashcards
What is the purpose of the <body> element in HTML?
The <body> element contains all visible HTML content that users should see.
What is the purpose of the <p> element in HTML?
The <p> element is for holding paragraphs of text in blog posts, news articles, etc.
What is the purpose of the <a> element in HTML?</a>
The <a> element turns its contents into a link to other web pages or resources.</a>
What is the purpose of the <h1> element in HTML?
The <h1> element defines a top-level heading conveying the overall topic of the page.
What is the purpose of the <form> element in HTML?
The <form> element defines a collection of form inputs for submitting to a form handler.
What is a block-level element?
A block-level element is an HTML element that takes up the full width available, starts on a new line, and typically structures the layout of a web page, such as <div>, <p>, <header>, and <section>.
What is Semantic HTML?
Semantic HTML introduces elements that describe their meaning in a human- and machine-readable way.
For example, <article>, <header>, and <footer> clearly define the content they enclose.
Give examples of non-semantic elements.
Non-semantic elements like <div> and <span> lack inherent meaning—they are merely containers.</span>
What are the key benefits of Semantic HTML?
Key benefits of Semantic HTML are accessibility, SEO, futureproofing, and maintainability.
What are text inputs used for?
Text inputs are for entering short pieces of text such as names or telephone numbers.
What are email inputs used for?
Email inputs are for entering email addresses and provide simple validation.
What is the purpose of the alt attribute in HTML?
The alt attribute lets you add a text description to images, which can be read by screen readers for the benefit of users who are blind.
What does the content property define in CSS?
The content property defines what is rendered inside of pseudo-elements.
What does the margin property define in CSS?
The margin property defines the space between an element and those around it.
What does the padding property define in CSS?
The padding property lets you increase the background area of an element.
What does the border property define in CSS?
The border property lets you add a colored border around the outer edge of an element.
What is one effective method to make a website fully responsive?
One effective method to make a website fully responsive is by using CSS media queries.
What do media queries allow you to do?
Media queries allow you to apply different styles based on the device’s screen size, resolution, or orientation.
This ensures that your website adapts seamlessly to various devices like desktops, tablets, and smartphones.
