Hmtl lecture
-
Upload
meljun-cortes -
Category
Documents
-
view
110 -
download
2
Transcript of Hmtl lecture
![Page 1: Hmtl lecture](https://reader035.fdocuments.us/reader035/viewer/2022081516/556450a4d8b42a682d8b5016/html5/thumbnails/1.jpg)
HTML
MELJUN CORTESMELJUN CORTES
![Page 2: Hmtl lecture](https://reader035.fdocuments.us/reader035/viewer/2022081516/556450a4d8b42a682d8b5016/html5/thumbnails/2.jpg)
GUIDELINES
Not case sensitiveExtension name “.html”Can be written in ANY text editor
![Page 3: Hmtl lecture](https://reader035.fdocuments.us/reader035/viewer/2022081516/556450a4d8b42a682d8b5016/html5/thumbnails/3.jpg)
PARAGRAPH TAG
<HTML><BODY>
<P>MY FIRST PARAGRAPH.</P>
</BODY></HTML>
![Page 4: Hmtl lecture](https://reader035.fdocuments.us/reader035/viewer/2022081516/556450a4d8b42a682d8b5016/html5/thumbnails/4.jpg)
BODY TAG ATTRIBUTE
background Use styles instead. Specifies a background image for a document
bgcolor Use styles instead. Specifies the background color of a document
![Page 5: Hmtl lecture](https://reader035.fdocuments.us/reader035/viewer/2022081516/556450a4d8b42a682d8b5016/html5/thumbnails/5.jpg)
PREFORMATTED TAG
<html><body>
<pre>My first paragraph.</pre>
</body></html>
![Page 6: Hmtl lecture](https://reader035.fdocuments.us/reader035/viewer/2022081516/556450a4d8b42a682d8b5016/html5/thumbnails/6.jpg)
HEADING TAGS
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
<h4>This is a heading</h4>
<h5>This is a heading</h5>
<h6>This is a heading</h6>
![Page 7: Hmtl lecture](https://reader035.fdocuments.us/reader035/viewer/2022081516/556450a4d8b42a682d8b5016/html5/thumbnails/7.jpg)
SPECIAL CHARACTERS
![Page 8: Hmtl lecture](https://reader035.fdocuments.us/reader035/viewer/2022081516/556450a4d8b42a682d8b5016/html5/thumbnails/8.jpg)
CONTINUE…
![Page 9: Hmtl lecture](https://reader035.fdocuments.us/reader035/viewer/2022081516/556450a4d8b42a682d8b5016/html5/thumbnails/9.jpg)
CONTINUE…
![Page 10: Hmtl lecture](https://reader035.fdocuments.us/reader035/viewer/2022081516/556450a4d8b42a682d8b5016/html5/thumbnails/10.jpg)
FORMATTING TAGS
<html><body>
<p><b>This text is bold</b></p><p><strong>This text is strong</strong></p><p><big>This text is big</big></p><p><i>This text is italic</i></p><p><em>This text is emphasized</em></p><p>This is<sub> subscript</sub> and <sup>superscript</sup></p>
</body></html>
![Page 11: Hmtl lecture](https://reader035.fdocuments.us/reader035/viewer/2022081516/556450a4d8b42a682d8b5016/html5/thumbnails/11.jpg)
CONTINUE…
<b></b>Defines bold text<big></big>Defines big text<u></u> Defines underline text<em></em>Defines emphasized text <i></i>Defines italic text<u></u>Defines underline text<strike></strike>Defines a line in the middle of the text<small></small>Defines small text<strong></strong>Defines strong text<sub></sub>Defines subscripted text<sup></sub>Defines superscripted
![Page 12: Hmtl lecture](https://reader035.fdocuments.us/reader035/viewer/2022081516/556450a4d8b42a682d8b5016/html5/thumbnails/12.jpg)
FONT TAG
<HTML><BODY>
<FONT>MY FIRST PARAGRAPH.</FONT>
</BODY></HTML>
![Page 13: Hmtl lecture](https://reader035.fdocuments.us/reader035/viewer/2022081516/556450a4d8b42a682d8b5016/html5/thumbnails/13.jpg)
FONT TAG ATTRIBUTES
Size Specifies the font size. Color Specifies the font color. Face Specifies the font face.
![Page 14: Hmtl lecture](https://reader035.fdocuments.us/reader035/viewer/2022081516/556450a4d8b42a682d8b5016/html5/thumbnails/14.jpg)
IMAGE TAG
<html>
<body>
<img src=“filename.extension”>
</body>
</html>
![Page 15: Hmtl lecture](https://reader035.fdocuments.us/reader035/viewer/2022081516/556450a4d8b42a682d8b5016/html5/thumbnails/15.jpg)
ATTRIBUTES
![Page 16: Hmtl lecture](https://reader035.fdocuments.us/reader035/viewer/2022081516/556450a4d8b42a682d8b5016/html5/thumbnails/16.jpg)
MARQUEE TAG
<HTML><BODY>
<MARQUEE>MY FIRST PARAGRAPH.
</MARQUEE>
</BODY></HTML>
![Page 17: Hmtl lecture](https://reader035.fdocuments.us/reader035/viewer/2022081516/556450a4d8b42a682d8b5016/html5/thumbnails/17.jpg)
ATTRIBUTES
![Page 18: Hmtl lecture](https://reader035.fdocuments.us/reader035/viewer/2022081516/556450a4d8b42a682d8b5016/html5/thumbnails/18.jpg)
To be continued…