HTML Introduction. Creating a Web Page. HTML: The Language of the Web. Web pages are text files, written in a language called Hypertext Markup Language or HTML . A markup language is a language used to describe the contact and format of documents.
Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.
Creating a Web Page
It’s always a good idea to plan the appearance of your Web page before you start writing code.
bold and italic textCreating an HTML Document
<Tag Name Properties> Document Content </Tag Name>
Example: <h1>Mr. Dube’s Chemistry Classes</h1>
<title> Web Page Name </title>
Note: Always save Notepad DO NOT save the Internet Explorer pages
As of HTML 3.2, the heading tag can contain additional attributes, one of which is the alignment attribute.Entering Heading Tags and Text
<h3>Headings As They Appear in the Browser
<html><head><title> Mr. Dube’s Chemistry Class </title></head><body><h1 align=“center”>Mr. Dube’s Chemistry Classes</h1><h2 align=“center”>at Robert Service High School</h2><p>Welcome to Mr. Dube’s Web Site. I hope you will use this site to learn more about your class, my expectations, and chemistry in the world around you.</p><h2 Chemistry Classes</h2> <h2>Class Policies</h2><h3>Grading</h3><h3>Appointments</h3><h3>Safety</h3> </body></html>Paragraphs
If you are using a test editor like NotePad, the text might not wrap to the next line automatically.
Selecting the Word Wrap command within NotePad will allow you to see all the text on your screen.
TYPE=(A | a | I | i| 1)
LIST ITEM:<liOption> - used in Ordered List and Unordered List
TYPE=(A | a | I | i| 1)
DEFINITION LIST:<dl>…</dl> - list of terms
a. DEFINITION TERM <dt>
b. TERM DEFINITION <dd>
<dd>Hypertext Markup Language
Italic <i> </i>
If you support users with older browsers, you should use a logical tag. Otherwise, use physical tags, which are more common and easier to interpret.Applying Character Tags
<hr align=“align” size=“size” width=“width” color=“color” noshade>
<hr align=“center” size=“12” width=“100%”>
<hr align=“center” size=“6” width=“50%”>
<hr align=“center” size=“3” width=“25%”>
<hr align=“center” size=“1” width=“10%”>
You can use line styles to improve the appearance of your Web page.
use the <p> tag so you can center the imageInserting a Graphic
<H1 ALIGN=CENTER>Patrick's Resume</H1>
<P ALIGN=CENTER><IMG SRC="Patrick.jpg" WIDTH="125" HEIGHT="150"></P>
<H3 ALIGN=CENTER>Birthday is 12-22-96</H3>
I like to play with my brother Matthew and work on our computer. I played soccer for the last two years, and I'm looking forward
to playing again this year. This summer, Matthew and I went to Florida on an airplane. In Florida we went to Disneyworld and I went on lot's of rides.
<LI>Watching the Stars play hockey
<LI>Building Lego towers
<LI>Teaching Matthew all the 'good' things
<LI>Going to Granddad's to feed the horse
<LI>Printing my name
<LI>Computer learning games
</HTML>Patrick’s Resume HTML