2. ATP
2
TABLE OF CONTACT
1 define the HTML ...................................................................................................................................4
2 The Tags ................................................................................................................................................4
3 Concept the tags ...................................................................................................................................4
4 Fames Tags............................................................................................................................................5
4.1 Heeder...........................................................................................................................................5
4.2 image.............................................................................................................................................5
4.3 video....................................................................................................................................................5
5 Example.................................................................................................................................................6
5.1 example for header and table.............................................................................................................6
5.2 example for list .............................................................................................................................7
5.3 example for video and pictures ....................................................................................................8
6 questions...............................................................................................................................................9
7 Reference:...........................................................................................................................................11
TABLE OF Figure
Figure 1 .........................................................................................................................................................4
Figure 2 .........................................................................................................................................................4
Figure 3 .........................................................................................................................................................4
Figure 4 .........................................................................................................................................................5
Figure 5 .........................................................................................................................................................5
Figure 6 .........................................................................................................................................................5
Figure 7 .........................................................................................................................................................6
Figure 8 .........................................................................................................................................................7
Figure 9 .........................................................................................................................................................8
Figure 10 .......................................................................................................................................................9
Figure 11 .......................................................................................................................................................9
Figure 12 .....................................................................................................................................................10
3. ATP
3
HTML TAGS
Contents
• Introduction to Building a website.
• Code.
• Tags.
Objective of this chapter student will be able to:
• Understand what a website is.
• Learn the design web programming.
• Informing the importance of the web programming.
• Know tags in web page design.
4. ATP
4
1 define the HTML
Hypertext markup language (HTML) is the major markup language
used to display Web pages on the Internet. In other words, Web
pages are composed of HTML, which is used to display text, images
or other resources through a Web browser.
2 The Tags
HTML tags have always been important in the
history of Web design. During the early days of
the World Wide Web, they were responsible for
a majority of Web code. That may not be the
case anymore, but HTML tags are still at the
center of how Web pages are formatted.
3 Concept the tags
HTML tags include tags for references, tags for tables,
tags for headlines or titles, etc. An HTML tag consists of
the tag name in angular brackets and may come in pair,
which makes up the beginning and ending tag that frame
a particular piece of code, text or other tags.
Figure 1
Figure 2
Figure 3
5. ATP
5
4 Fames Tags
4.1 Heeder
The HTML <h1>–<h6> elements represent six levels of
section headings. <h1> is the highest section level
and <h6> is the lowest.
4.2 image
The image tag is used to place an image on the web page. In its
most simple form it looks like this:
<img src="image1.jpg"> It is very important to understand that
images are not technically "part" of the web page file, they are
separate files which are inserted into the page when it is viewed
by a browser. So, a simple web page with one image is actually
two files - the HTML file and the image file. The example on the right illustrates this.
4.3 video
The HTML <video> Element
To show a video in HTML, use the <video> element:
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
Figure 4 Figure 5
Figure 6
6. ATP
6
5 Example
5.1 example for header and table
This is example for write the header big to small and insert table.
Figure 7
8. ATP
8
5.3 example for video and pictures
this example for insert video and pictures and how to but the line
Figure 9
9. ATP
9
6 questions
Q1. How write like the figure 10
1. h1, h2, h3, h4 2. h1, h3, h2, h5
3. h1, h2, h5, h6 4. h1, h4, h2, h5
Q2. How to insert picture like figure 11?
1. <img src="ex1.jpg> 2. < src="ex1.jpg>
3. <img src="ex1 > 4. <img src=".jpg>
Figure 10
Figure 11
10. ATP
10
Q3. How insert video like figure 12
1. <video width="400" controls >
<source src="html.mp4" type="video/mp4">
</video>
3. <source src="html.mp4" type="video/mp4">
2. <video width="400" controls >
<source src="html.mp4"
type="video/mp4">
4. <video width="400" controls >
type="video/mp4">
Figure 12
Q4. How to insert the table like figure 13
Figure 1
1
2
3
4
11. ATP
11
7 Reference:
Tempelman-Kluit, N. (2006). Multimedia learning theories and online instruction. College & Research
Libraries, 67(4), 364-369.
Retrieved from URL: https://goo.gl/VDDk4S
Date of access: 03/02/2018
Baldauf, S. L. (2003). Phylogeny for the faint of heart: a tutorial. TRENDS in Genetics, 19(6), 345-
351. ISO 690
Retrieved from URL: https://goo.gl/tdKHQp
Date of access: 03/02/2018