html2
TRANSCRIPT
![Page 1: Html2](https://reader035.vdocuments.net/reader035/viewer/2022071816/55aa1cb31a28abcc7e8b46b2/html5/thumbnails/1.jpg)
ADVANCED
HTML
![Page 2: Html2](https://reader035.vdocuments.net/reader035/viewer/2022071816/55aa1cb31a28abcc7e8b46b2/html5/thumbnails/2.jpg)
Agenda
Basic ReviewTour of FrontPageCreating a WebsiteDesign & FormatExercise
![Page 3: Html2](https://reader035.vdocuments.net/reader035/viewer/2022071816/55aa1cb31a28abcc7e8b46b2/html5/thumbnails/3.jpg)
HTML 101
Open Tag Close tag Special Tags
<a> </a> <br>
<img src=“”>
Basic tags
<p> Paragraph
<h1> <h2> <h3> Header tags
<table> <tr> <td> Table tags
<a> Hyperlink tag
<img> Image tag
<br> Line Break
Advanced tags
<div> “div” tag (divides a section of code off from the rest)
<-- Text --> Special: Notes or Insert code.
![Page 4: Html2](https://reader035.vdocuments.net/reader035/viewer/2022071816/55aa1cb31a28abcc7e8b46b2/html5/thumbnails/4.jpg)
![Page 5: Html2](https://reader035.vdocuments.net/reader035/viewer/2022071816/55aa1cb31a28abcc7e8b46b2/html5/thumbnails/5.jpg)
Adding Images
Starting Screen:
![Page 6: Html2](https://reader035.vdocuments.net/reader035/viewer/2022071816/55aa1cb31a28abcc7e8b46b2/html5/thumbnails/6.jpg)
Types of Links
1. Image as a hyperlinked object
2. Navigation Bookmarks
3. Text as a hyperlink
4. Email link
![Page 7: Html2](https://reader035.vdocuments.net/reader035/viewer/2022071816/55aa1cb31a28abcc7e8b46b2/html5/thumbnails/7.jpg)
CSS
Cascading Style Sheet: a style sheet language used to describe the look and formatting of a document written in a markup language, i.e. HTML.
Two ways to use CSS:
1. Embedded
2.External
![Page 8: Html2](https://reader035.vdocuments.net/reader035/viewer/2022071816/55aa1cb31a28abcc7e8b46b2/html5/thumbnails/8.jpg)
Table Layout
![Page 9: Html2](https://reader035.vdocuments.net/reader035/viewer/2022071816/55aa1cb31a28abcc7e8b46b2/html5/thumbnails/9.jpg)
Layer Layout
![Page 10: Html2](https://reader035.vdocuments.net/reader035/viewer/2022071816/55aa1cb31a28abcc7e8b46b2/html5/thumbnails/10.jpg)
Layer Layout