ASME Akron Section Seminar
HTML Tutorial
|
BEGINNING
HTML |
ADVANCED
HTML |
|
Section
1.0:HTML Introduction |
Section
8.0:HTML Fonts |
|
Section
2.0:HTML Elements |
Section
9.0:HTML Styles |
|
Section
2.1:HTML Basic Tags |
Section
10.0:HTML Head |
|
Section
2.2:HTML Formatting |
Section
10.1:HTML Meta |
|
Section
3.0:HTML Links |
Section
11.0:HTML URLs |
|
Section
4.0:HTML Frames |
Section
12.0:HTML Scripts |
|
Section
5.0:HTML Tables |
Section
13.0:HTML Webserver |
|
Section
6.0:HTML Images |
|
|
Section
7.0:HTML Forms |
|
EXAM
On line at
http://www.w3schools.com/html/html_quiz.asp
Seminar Files
Name Description
2p1.html Text Formatting
4p1.html Vertical Frame set
4p2.html Horizontal Frame set
frame_a.html for 4p1,4p2 examples
frame_b.html for 4p1,4p2 examples
frame_c.html for 4p1,4p2 examples
4p3.html mixed frameset
5p1.html tables example
5p2.html Table Borders
5p3.html Empty Cells
5p4.html Table cell spanning
5p5.html Cell Padding
6p1.html Insert Image
6p2.html Images from other places
6p3.html Background Images
6p4.html Aligning Images
6p5.html Alternate text Images
6p6.html Hyperlink Images
6p7.html Image Maps
6p8.html Edit Image Maps
7p1.html Form text field
7p2.html Passwords
7p3.html Check Boxes
7p4.html Drop Down boxes
7p5.html Form with check box
8p0.html Set Font
9p1.html Style Sheets
10p0.html Meta Tags
10p1.html Meta Tags
12p1.html Script
12p2.html Visual BASIC Script
HTML Quick List from W3Schools. Print it, fold it, and put it in your pocket.
<html>
<head>
<title>Document name goes here</title>
</head>
<body>
Visible text goes here
</body>
</html>
<h1>Largest Heading</h1>
<h2> . . . </h2>
<h3> . . . </h3>
<h4> . . . </h4>
<h5> . . . </h5>
<h6>Smallest Heading</h6>
<p>This is a paragraph</p>
<br> (line break)
<hr> (horizontal rule)
<pre>This text is preformatted</pre>
<em>This text is emphasized</em>
<strong>This text is strong</strong>
<code>This is some computer code</code>
<b>This text is bold</b>
<i>This text is italic</i>
<a href="http://www.w3schools.com/">This is
a Link</a>
<a href="http://www.w3schools.com/"><img src="URL"
alt="Alternate Text"></a>
<a href="#anchor_name">This is an anchor</a>
<a href="mailto:someone@microsoft.com">Send Mail</a>
<ul>
<li>First item</li>
<li>Next item</li>
</ul>
<ol>
<li>First item</li>
<li>Next item</li>
</ol>
<dl>
<dt>First term</dt>
<dd>Definition</dd>
<dt>Next term</dt>
<dd>Definition</dd>
</dl>
<table border="1">
<tr>
<th>someheader</th>
<th>someheader</th>
</tr>
<tr>
<td>sometext</td>
<td>sometext</td>
</tr>
</table>
<frameset cols="25%,75%">
<frame src="page1.htm">
<frame src="page2.htm">
</frameset>
<form action="http://www.somewhere.com/somepage.asp" method="post/get">
<input type="text" name="lastname"
value="Nixon" size="30" maxlength="50">
<input type="password">
<input type="checkbox" checked="checked">
<input type="radio" checked="checked">
<input type="submit">
<input type="reset">
<input type="hidden">
<select>
<option>Apples
<option selected>Bananas
<option>Cherries
</select>
<textarea name="Comment" rows="60"
cols="20"></textarea>
</form>
< is the same as <
> is the same as >
© is the same as ©
<!-- This is a comment -->
<blockquote>
Text quoted from some source.
</blockquote>
<address>
Address 1<br>
Address 2<br>
City<br>
</address>
Source : http://www.w3schools.com/html/html_quick.asp
