Week 7 Quiz Flashcards
What does the <!DOCTYPE> statement specify?
its specifies that the documents type becomes recognized by a web browser. it also helps the browser interpret the code correctly.
What are the main sections of an HTML document?
<!DOCTYPE> = its a declaration section that specifies the document type.
<html> = its the root element of the document.
<head> = it contains the metadata about the document.
<title> = it specifies the title of the web page
<body> = it conatins content displayed on the webpage
</body></title></head></html>
What is a well-formed document?
-a well formed document is well nested so that the code is clear and can be more understandable .
-and a well formed document follows the correct syntax rules.
What are 2 advantages of using an external style sheet?
- easy maintainability because styles can be updated in one place for all linked pages.
- there is consistency because styles can be applied to multiple pages for a uniform look.
List three new HTML elements that are designed for sectioning
<article> , <nav> , <aside>
</aside></nav></article>
What does semantic markup mean?
its the descriptive markup that identifies the intended use of document sections
What is a URL?
it is an address on the web that takes a user to a webpage. e.g https://www.bac.ac.bw
What are the two types of URLs?
relative URLs and absolute URLs .
What are the four parts of a complete URL?
protocol , domain name , path and file.
What type of URL links to another server?
its an absolute URL.
What type of URL links within a server?
relative URL
Write a basic style rule that selects <h> elements and sets the color property to red.</h>
h1, h2, h3,h4, h5, h6 ,{ color: red; }
Add the <p> element as an additional selector to the rule you created for Question 12
h1, h2, h3, h4, h5,h6, p { color: red; }
Add a font-size property to the rule, and set the size to 120 %
h1 h2 h3 h4 h5 h6 p { color: red; font-size: 120%; }
There are a number of factors that affect Web Design. Name any four (4) factors and describe how they can be solved.
-broswer compatibility issuses. try to minmize differnces across browesers
-connetion speed issuess. plan the pages for a variety of connection speeds.
- devices and operating systems issues. test the the content in many devies and keep in mind of font choices
- screen resolution issues. create flexible design for the website