Web Design Class: HTML Fundamentals
-
Upload
lifeinoleg -
Category
Education
-
view
270 -
download
0
description
Transcript of Web Design Class: HTML Fundamentals
![Page 1: Web Design Class: HTML Fundamentals](https://reader034.fdocuments.in/reader034/viewer/2022051111/5565c37ed8b42a48268b5321/html5/thumbnails/1.jpg)
Web Design Class: HTML FundamentalsOleg [email protected]
![Page 2: Web Design Class: HTML Fundamentals](https://reader034.fdocuments.in/reader034/viewer/2022051111/5565c37ed8b42a48268b5321/html5/thumbnails/2.jpg)
Schedule
➢ Introduction to HTML
➢ The essentials
➢ Survey Quiz
➢ Questions/Answers
➢ You Build a Page
![Page 3: Web Design Class: HTML Fundamentals](https://reader034.fdocuments.in/reader034/viewer/2022051111/5565c37ed8b42a48268b5321/html5/thumbnails/3.jpg)
The World Wide Web!
(cc) Hanan Cohen via Flickr
(cc) mayhem chaos via Flickr
![Page 4: Web Design Class: HTML Fundamentals](https://reader034.fdocuments.in/reader034/viewer/2022051111/5565c37ed8b42a48268b5321/html5/thumbnails/4.jpg)
HyperText Markup Language
HTML is a markup languageIt tells the browser what stuff is.
(cc) liamngls via Flickr
![Page 5: Web Design Class: HTML Fundamentals](https://reader034.fdocuments.in/reader034/viewer/2022051111/5565c37ed8b42a48268b5321/html5/thumbnails/5.jpg)
Tag, You're It!
<p>The browser doesn't know what anything is without tags.</p>(a single tag closes itself <br/>)
![Page 6: Web Design Class: HTML Fundamentals](https://reader034.fdocuments.in/reader034/viewer/2022051111/5565c37ed8b42a48268b5321/html5/thumbnails/6.jpg)
Basic Page Structure<!DOCTYPE html><html><head><title>Fluffy Rules!</title>
</head><body>
</body>
</html>
![Page 7: Web Design Class: HTML Fundamentals](https://reader034.fdocuments.in/reader034/viewer/2022051111/5565c37ed8b42a48268b5321/html5/thumbnails/7.jpg)
Headers & Line
<h1>Fluffy's Page</h1>
<h2>Fluffy's Page</h2>
<h3>Fluffy's Page</h3><h4>Fluffy's Page</h4><h5>Fluffy's Page</h5>
<hr />
![Page 8: Web Design Class: HTML Fundamentals](https://reader034.fdocuments.in/reader034/viewer/2022051111/5565c37ed8b42a48268b5321/html5/thumbnails/8.jpg)
Paragraphs
<p>Hello! Welcome to my website. I am
Fluffy, Oleg's fictional cat. I enjoy sleeping on
the window sill, the sound of can openers, and
fear in the eyes of dogs. My online home is for
all of the things I love. Meow!</p>
![Page 9: Web Design Class: HTML Fundamentals](https://reader034.fdocuments.in/reader034/viewer/2022051111/5565c37ed8b42a48268b5321/html5/thumbnails/9.jpg)
Ordered Lists
<ol><li>Tuna</li><li>Tuna</li><li>Dry Food</li>
</ol>
![Page 10: Web Design Class: HTML Fundamentals](https://reader034.fdocuments.in/reader034/viewer/2022051111/5565c37ed8b42a48268b5321/html5/thumbnails/10.jpg)
UnOrdered Lists
<ul><li>Link 1</li><li>Link 2</li><li>Link 3</li>
</ul>
![Page 11: Web Design Class: HTML Fundamentals](https://reader034.fdocuments.in/reader034/viewer/2022051111/5565c37ed8b42a48268b5321/html5/thumbnails/11.jpg)
Links
<a></a><a>Cat Fancy</a><a href="[web address]">Cat Fancy</a><a href="www.catchannel.com/cat-fancy">Cat Fancy</a>
Cat Fancy
![Page 12: Web Design Class: HTML Fundamentals](https://reader034.fdocuments.in/reader034/viewer/2022051111/5565c37ed8b42a48268b5321/html5/thumbnails/12.jpg)
Images<img src="http://karenswhimsy.com/public-domain-images/cat-silhouette/images/cat-silhouette-3.jpg" />
![Page 13: Web Design Class: HTML Fundamentals](https://reader034.fdocuments.in/reader034/viewer/2022051111/5565c37ed8b42a48268b5321/html5/thumbnails/13.jpg)
Bolds, Italics, and <br/>
<p>Hello! Welcome to my website. I am
<b>Fluffy</b>, Oleg's fictional cat. I enjoy sleeping
on the window sill, the sound of can openers, and
fear in the eyes of <em>dogs</em>. <br/>
My online home is for all of the things I love. Meow!
</p>
![Page 14: Web Design Class: HTML Fundamentals](https://reader034.fdocuments.in/reader034/viewer/2022051111/5565c37ed8b42a48268b5321/html5/thumbnails/14.jpg)
That's All, Folks!
<!DOCTYPE html><html><head><title><body><h1>-<h5><hr/><p>
<ol><li><ul><a href=""></a><img src=""><b> or <strong><i> or <em><br/>
![Page 15: Web Design Class: HTML Fundamentals](https://reader034.fdocuments.in/reader034/viewer/2022051111/5565c37ed8b42a48268b5321/html5/thumbnails/15.jpg)
Survey QuizFinish the survey quiz quickly and we'll review it and answer ALL THE QUESTIONS afterward.
I am not scared of the quiz!