CSE 309- HTML summer2024
Presentation
•
Computers
•
University
•
Medium
Dr. Rahman
Used 8+ times
FREE Resource
94 Slides • 28 Questions
1
Unveiling the Magic of
HTML
Building Blocks of the Web
02/06/24
Dr. Farzana Rahman
Assistant Professor
2
3
4
HTML (HyperText Markup Language) is the foundation of web pages.
Defines the structure and content of web pages, not their appearance.
Used by web browsers to understand and render web pages.
Easy to learn and use, forming the core of web development.
5
Multiple Select
HTML is
programming language
annotating document with tags
unstructured set of instruction
hypertext linking
6
Multiple Choice
Which statement is true about HTML?
a) HTML defines the appearance of web pages.
b) HTML is difficult to learn and use.
c) HTML is used by web browsers to understand and render web pages.
d) HTML is not essential for web development.
7
8
9
10
11
12
13
14
Chrome
15
16
Viewport
17
18
19
20
21
22
23
Multiple Select
(Select the correct options. There can be more than one correct options)
What Combines HTML, CSS, JavaScript, & multimedia into
formatted webpages?
web browser engine
compiler
engine
rendering engine
programming
engine
24
Multiple Choice
which one is rendering engine?
css
html
Gecko
Chrome
25
26
27
28
29
Multiple Select
What is webpage?
txt file with .htm at end
txt file with .html at end
program file with .html at end
program file with .htm at end
30
Multiple Choice
which one is wrong?
classINFO.html
class info.html
class_info.html
Classinfo.html
31
32
33
34
35
36
Multiple Select
(Select the correct options. There can be more than one correct options)
which tag refers html start and end ?
<htmp>
</htmp>
<html> </html>
<hml>
</hml>
<http>
</http>
37
38
39
Multiple Select
(Select the correct options. There can be more than one correct options)
What should be defined inside the <head> tag?
body of the document
metadata for browser
css file link
size of a document
40
Multiple Select
(Select the correct options. There can be more than one correct options)
why <br> tag is used?
double sapce
line break
no space
single space
41
42
43
44
45
Multiple Choice
(Select the correct options. There can be more than one correct options)
which one is attribute in the statement bellow?
<h1 align="center">
align
h1
center
=
46
Multiple Choice
(Select the correct options. There can be more than one correct options)
how many attribute-value pair can be placed in an opening tag?
only one
two
three
multiple
47
Ordered Lists: Keeping Things in Order
Ordered lists, denoted by the <ol> tag, present items in a specific sequence.
Each item within the list is enclosed in the <li> tag.
Numbers are automatically generated by the browser, providing a visual order.
Use ordered lists for sequential steps, instructions, timelines, or numbered rankings.
48
Hyperlinks: Connecting Your Webpage
Hyperlinks, created with the <a> tag, establish connections between web pages or resources.
The href attribute within the <a> tag specifies the URL of the linked resource.
Clicking on the hyperlink (often displayed as underlined text) navigates the user to the linked location.
Hyperlinks allow you to create a web of interconnected information, promoting user exploration and engagement.
49
Embedding Images: Visualizing Your Webpage
Images add visual appeal and enhance the user experience of webpages.
The <img> tag is used to embed images into an HTML document.
The src attribute within the <img> tag specifies the path or URL of the image file.
The alt attribute provides alternative text, displayed if the image fails to load or for screen readers.
50
Multiple Choice
Which element is used to define a list item in an ordered list?
a) <ul>
b) <li>
c) <ol>
d) <list>
51
Multiple Choice
Which tag is used to create a hyperlink in HTML?
a) <a>
b) <link>
c) <href>
d) <hyper>
52
Multiple Choice
What attribute is used to specify the URL of a linked resource?
a) src
b) url
c) href
d) link
53
Multiple Choice
Which element is used to embed an image in an HTML page?
a) <img>
b) <picture>
c) <image>
d) <src>
54
Multiple Choice
What attribute is required in the <img> tag to specify the path to the image?
a) href
b) src
c) link
d) path
55
Building Tables in HTML: The Power of Structure
Tables create a structured layout for presenting data in rows and columns.
Enhance readability and organization of complex information.
Ideal for displaying product catalogs, financial data, schedules, or comparison charts.
56
Table Headings and Rows
<table> tag marks the beginning of the table structure.
<tr> tag defines a table row.
<th> tag creates table headers (bold and often visually distinct).
<td> tag defines a table data cell.
Headers (in <th> tags) provide labels for each column, enhancing understanding.
57
Multiple Choice
Which tag is used to create a table row in HTML?
a) <td>
b) <table>
c) <tr>
d) <th>
58
Multiple Choice
What does the <th> tag define in an HTML table?
a) Table heading
b) Table row
c) Table data
d) Table footer
59
60
61
62
63
Multiple Choice
What is DTD?
(you can select multiple answer)
Document type duration
Document
to definition
Document typeset definition
Document type definition
64
Multiple Select
What is the work of DTD?
(you can select multiple answer)
Select HTML version
Select rendering mode
Select quirks mode when needed
Select standard mode when needed
65
Inline-Block Elements
Inline-block elements share characteristics of both block and inline elements.
They behave like inline elements in terms of text flow but can have width and height set.
Examples include images (<img>) and buttons (<button>).
They offer more flexibility in layout and positioning compared to pure inline elements.
66
67
68
69
70
71
72
73
74
75
76
77
78
79
Multiple Choice
Fill in the blank
Character encoding tells____ what language it should use.
web server
user
rendering engine
HTTP
80
Multiple Choice
Which character encoding is most commonly used?
ASCII
ISO-8859
Windows-1232
UTF-8
81
Multiple Select
Select the right options
UTF 8 is
8 bit unicode
Standard character encoding
very rarely used
most common encoding for html
82
83
84
85
86
87
88
89
90
Multiple Choice
How many method to set character encoding?
one
two
three
four
91
Multiple Choice
The <meta> element for character encoding is set as-
first element in <body>
last element in <head>
first element on <h1>
first element in <head>
92
93
94
95
Web servers are computers that run web server
software
Web servers are pretty simple: they get requests, & they
respond
96
97
It looked the same, even when the code was “wrong”
Why? Because rendering engines “fix” your errors as
best they can
Is that a license to be sloppy or careless? No!
98
99
100
101
Multiple Select
Most common web servers are-
Apache
IIS
Nginx
Internet information service
102
103
104
105
Multiple Choice
which one is right?
web server sends request and web browser response
HTTP sends request and web browser accept
Web server get request from web browser and response to it
HTTP gets request from web browser and send to web server
106
107
108
109
110
111
112
113
Multiple Select
select right answers?
we can use multiline comment in html
only single line comment is possible in html
HTML commenting is useful for documentation
we should avoid commenting in HTML file
114
115
116
117
118
119
120
121
122
Unveiling the Magic of
HTML
Building Blocks of the Web
02/06/24
Dr. Farzana Rahman
Assistant Professor
Show answer
Auto Play
Slide 1 / 122
SLIDE
Similar Resources on Wayground
121 questions
Zoey ACT Lock in
Presentation
•
11th Grade - University
123 questions
Estrategias para Aprender Ingles en Linea
Presentation
•
Professional Development
117 questions
Exam 1 Therapy
Presentation
•
University
114 questions
EPCC History 1302
Presentation
•
University
114 questions
Types of Advertisement ESL
Presentation
•
Professional Development
119 questions
Photosynthesis
Presentation
•
11th Grade - University
122 questions
Effective Instructional Design for VET Courses
Presentation
•
Professional Development
124 questions
African Geography
Presentation
•
KG - University
Popular Resources on Wayground
20 questions
STAAR Review Quiz #3
Quiz
•
8th Grade
20 questions
Equivalent Fractions
Quiz
•
3rd Grade
6 questions
Marshmallow Farm Quiz
Quiz
•
2nd - 5th Grade
20 questions
Main Idea and Details
Quiz
•
5th Grade
20 questions
Context Clues
Quiz
•
6th Grade
20 questions
Inferences
Quiz
•
4th Grade
19 questions
Classifying Quadrilaterals
Quiz
•
3rd Grade
12 questions
What makes Nebraska's government unique?
Quiz
•
4th - 5th Grade