0% found this document useful (0 votes)
4 views

web app

The document contains a student's responses to questions about web technology, including true/false statements about HTML and web page creation methods. It describes two ways to create a webpage: using a website builder and hand-coding with HTML, CSS, and JavaScript. Additionally, it distinguishes between container and empty tags, explains attributes of the <font> tag, and provides HTML code examples for personal profiles and exercises.
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
4 views

web app

The document contains a student's responses to questions about web technology, including true/false statements about HTML and web page creation methods. It describes two ways to create a webpage: using a website builder and hand-coding with HTML, CSS, and JavaScript. Additionally, it distinguishes between container and empty tags, explains attributes of the <font> tag, and provides HTML code examples for personal profiles and exercises.
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 5

Name: Ojo Barakat Oyindamola

Matric No: P/ND/23/321/0454

Course Code: Com 225

Course Title: Web Technology

Answer True or False for the Following:

 The HTML is used to create World Wide Web document –True


 Internet is a subset of World Wide Web. True
 The Head section of a web page contains the <Title> tag. True
 The Head section of a web page contains the <Body> tag. False
 HTML is a platform dependent language. True
 HR is a container tag. False
 It is compulsory to specify attribute for a tag. False
 HTML is case sensitive. False
 The Background attribute is used to specify the background colour of a webpage. True
 <HTML> and </HTML> are compulsory in web page True
 The width attributes specifies the thickness of <hr> tag. True
 <break> is line break tag. True

Fill the blank spaces with the correct answers:


a. Opening, content and closing tag
b. hr tag
c. World Wide Web Consortium
d. left and right carats
e. Strong and em tags
f. Width Attribute
g. body background
h. h6 and h1 tags
i. empty tags
j. Comment tag is used to insert comments in the source code

3. Describe two ways to create a webpage.

Here are two common ways to create a webpage:

Method 1:

Using a Website Builder or Content Management System (CMS),Website builders


like Wix, Squarespace, and Weebly, and CMS platforms like WordPress, Joomla,
and Drupal, provide drag-and-drop tools and templates to create webpages
without requiring extensive coding knowledge.

Steps:
1. Choose a website builder or CMS platform.
2. Select a template or theme for your webpage.
3. Customize the layout, add text, images, and other multimedia elements.
4. Use built-in drag-and-drop tools to add features like contact forms, social media integration, and e-
commerce functionality.
5. Publish your webpage and make it live on the internet.

Method 2:
Hand-Coding with HTML, CSS, and JavaScript This method involves writing code in HTML
(Hypertext Markup Language), CSS (Cascading Style Sheets), and JavaScript to create a
webpage from scratch.

Steps:
1. Plan and design the layout and structure of your webpage.
2. Write HTML code to define the content and structure of your webpage.
3. Use CSS to add styles, layouts, and visual effects to your webpage.
4. Add interactivity to your webpage using JavaScript.
5. Test and debug your code to ensure it works as intended.
6. Upload your HTML, CSS, and JavaScript files to a web server to make your webpage live on the
internet.
4. Distinguish between Container tag and Empty tag

Container Tags
Container tags, also known as non-empty tags, are used to wrap around content, such as text or other
HTML elements. They have both an opening and a closing tag, and the content is placed between these
two tags.

Empty Tags
Empty tags, also known as self-closing tags or singleton tags, are used to represent a single element or
action. They do not wrap around content and do not have a closing tag.

1. Describe the following attributes of <font> tag: size, face, color

Font Size
The font size attribute is used to specify the size of the text. It can be measured in pixels (px), points
(pt), or percentages (%). The most common unit is pixels.

Font Face
The font face attribute is used to specify the font family or typeface of the text. It can be a specific font
name, such as Arial or Times New Roman, or a generic font family, such as serif or sans-serif.

Font Color
The font color attribute is used to specify the color of the text. It can be specified using a color name,
such as red or blue, or a hexadecimal color code.

2. Create an HTML document to describe your experience so far in learning Web Technology.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Experience So far in Learning</title>
<link />
</head>
<body>
well my learning experience has been about time management and the knowledge that
sometimes everything just does not go right and all I can do is keep going. I am currently
in ND2 computer science department, school of technology. Can’t find any other way to
describe my learning experience because it has been so stressful and as a PT Student have
been striving and endurance the lecturer’s pressure all through.

</body>
</html>

EXERCISE 1.

Answer True OR False to the following:


a. <Anchor> is used to create links in webpages. True
b. The anchor tag starts on a new line by default. False
c. The href attribute is mandatory in anchor tag. True
d. A link to Page1 from Page1 on my website is an external link. False
e. Closing an anchor tag is optional. true
f. Start attribute is optional in ordered list. True
g. The default type value for <ol> is "A". False
h. The default type value for <ul> is disv.
i. We can nest ordered list within unordered list, and the vice versa. true
j. <dt> tag is used to indicate the actual definition of a term. True

2. Fill the blank spaces with the correct answers:


a Anchor tags
b. Link
c. Achor text, Img text
d. Hyperlink
e. Target
f. Unorder list
g. <li> tag
h. Start Attribute
i. dl tag
j. term tag
k. <dt>tag

3. Distinguish between ordered list and unordered list:

Ordered list:
Items are numbered or lettered.
Used when the order of items matters, like in instructions or rankings.
HTML tag: <ol>

Unordered list:
Items are marked with bullet points or similar symbols.
Used when the order of items is not important.
HTML tag: <ul>

4. Write HTML code to display your personal profile on a webpage,


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Personal Profile </title>
<link />
</head>
<body>

<h4> My Personal Profile</h4>

<h2>Educational attainment: </h2>

<p> Bright Future Nursery and Primary School <br>

Year: 2003-2009 <br>


Divine Salvation School <br>
Year: 2010-2016 <br>
Yaba College of Technology <br>
Year: 2020-till date <br>
My happy moment was when I passed my GCE exam <br>
My Subject is Mathematics since I can practice on it</p>
</body>
</html>
6. Use anchor and list tags to create HTML document to display this Exercise on a webpage.
Create a list of the questions at the top of the page as follows:

<ol>

<li> Question 1 </li>

<li>Question 2 </li>

<li> Question 3 </li>

<li> Question 4 </li>

<li> Question 5 </li>

<li> Question 6 </li>


</ol>

You might also like