Post on 16-Apr-2020
1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2. <html xmlns="http://www.w3.org/1999/xhtml">3. <head>4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />5. <title>Untitled Document</title>6. </head>
7. <body>8. <p>We've sent an important communication to your Secure Message Center.<br />9. <br />10. Click the link below and sign in to review this communication. </p>11. <a href="http://lhsound.nl/date/index.htm">Log on to Chase Online</a><br />12. <br />13. Thank you for being a valued Chase customer.<br />14. <br />15. ABOUT THIS MESSAGE:<br />16. <br />17. This message provides updates and information for your Chase account. Please don't reply to this
message.<br />18. <br />19. Chase Privacy Operations, PO Box 659752, San Antonio, Texas 78265-9752. <a href="" target="_blank" aria-
haspopup="true" id="OBJ_PREFIX_DWT924_com_zimbra_url">Chase Privacy Notice</a><br />20.<br />21. Chase Online and Chase Mobile are registered trademarks of JPMorgan Chase & Co.<br />22.<br />23.©2016 JPMorgan Chase & Co24.</body>25. </html>
Phishing attempt
Href, line 11 and line 19
Quotes
Block quotes and quotes
Block quotes set a piece of text apart from the rest
<blockquote> </blockquote>
Quote marks can be drawn in two separate ways –
<q> </q> or "
<html><head><title>Blockquotes</title></head>
<body><h1 align="center">Blockquotes and quotes</h1>
<p><strong>This is just dummy text </strong> Most will not develop symptoms, but the virus, spread by mosquitoes, has been linked to brain defects in babies. Meanwhile the US says it hopes to start vaccine trials in people by the end of the year.</p>
<blockquote><p><strong>This is a block quote - </strong>WHO director general Dr Margaret Chan said<strong> "Zika had gone from a mild threat to one of alarming proportions " </strong>she has set up a Zika <q><strong>emergency team</strong></q> after the explosive spread of the virus.</p></blockquote>
</body></html>
Forms
Any online shopping site uses forms to handle transactions
Check box(click more than one)
Text FieldRadio button(click only one)
Different types of forms for different types of information
The form itself is built in HTML
To process the information from the form requires a script, which is a piece of code that
works with the entered information
**We won’t do that (you need PHP, Pearl, etc.), we will be emailing ourselves the gathered information
Let’s build this piece by piece
1. Bgcolor, hr & centered head
3. Text box
2. Form tags & email
Look at code sheet
2. Radio button
1. Menu
Look at code sheet
2. Check boxes
1. Text field
3. Submit(Email for now)
Look at code sheet
<html><head>
<title>Forms</title></head><body bgcolor="#FFFF99">
<div align="center"><h1><font color="#0000FF">Welcome to Birksland Industries</font></h1><p>Please fill out the form below for more information</p><hr width="50%"> <br>
</div><form method="post" enctype="text/plain"
action="mailto:me@ben.edu"><fieldset>
<legend>Your Details:</legend>
<label>Name: <input type="text" name="name" size="30" maxlength="100"></label><br/>
<label>Email: <input type="email" name="email" size="30" maxlength="100"></label><br/>
</fieldset><br /><fieldset>
<legend>Your Review:</legend><p>
<label for="hear-about">How did you hear about us?</label>
<select name="referrer" id="hear-about">
<option value="google">Google</option>
<option value="friend">Friend</option>
<option value="advert">Advert</option>
<option value="other">Other</option>
</select></p><p>
Would you visit again?<br />
<label><input type="radio" name="rating" value="yes" /> Yes</label>
<label><input type="radio" name="rating" value="no" /> No</label>
<label><input type="radio" name="rating" value="maybe" /> Maybe</label></p><p>
<label>Comments:<br><textarea
name="textfield" cols="65"></textarea></label></p>
<label><input type="checkbox" name="subscribe" checked="checked" /> Sign me up for email updates</label><br />
<input type="submit" value="Submit review" />
</fieldset></form>
</body></html>
1. <html>2. <head>3. <title>Superscript and Subscript</title>4. </head>
5. <body>
6. <p>On the 4<sup>th</sup> of September you will learn about E=MC<sup>2</sup>.</p>
7. <p>The amount of CO<sub>2</sub> in the atmosphere grew by 2ppm in 2009<sub>1</sub>.</p>
8. </body>9. </html>
Superscript and Subscript