Introduction to HTML
Explore how to write HTML code.
If you have never done so before you might try this example.
1. Open Notepad (search for it with the Search Tool)
2. Copy the following text into Notepad. (You must copy it exactly with no errors)
3. Save the file as a text file, My First Web Page…. MFWP.txt
4. Now save it as an HTML file….. MFWP.html
5. Locate the MFWP.html page wherever you have saved it. Double click, and it should open up
in your web browser, (Internet Explorer?).
6. If you have done it correctly, you should see…….
Overview of tags
<html> The "root" tag. Signifies the beginning of an HTML document.
<head> Comes right after the <html> tag and signifies the head section of an HTML document.
Within this tag important information about a webpage such as the page's title will be
contained.
<title> Sets the title of a webpage which can be seen in the upper left corner of a web
browser window. In the example on this page we titled the page "My second
webpage!". Should be placed in the head section (between <head> and </head>) of an
HTML document.
<body> Comes right after the <head> tag and signifies the body section of an HTML document.
Within this tag the page's content will be contained.
<h1> Creates a big heading. There are six different heading sizes you can create specified
with <h1>, <h2>, <h3>, <h4>, <h5>, and <h6>. The lower the number in the tag, the
bigger the heading will be.
<p> Creates a paragraph. Enclose a block of text with <p> and </p> to specify that the text
is a paragraph.
Places to visit with activities and things to do.
Spend more time learning about HTML. Try some of the activities and exercises below.
Solo Learn https://www.sololearn.com/hour-of-code/
Your First Webpage in an Hour!
Complete 2 modules (Overview and HTML Basics) in HTML and 2 modules (The Basics and
Working w/Text) and first 5 lessons of the 3rd module (Properties) in CSS.
Code Avengers https://www.codeavengers.com/html-css/101#1.1
Build a Digital Postcard with HTML and CSS
Learn about adding headings, paragraphs, images and links to create a holiday card or birthday
celebration to share with friends and family.
Code Avengers https://www.codeavengers.com/web-development/100#1.1
Build a Photo Booth App
This challenging and exciting project will teach you how to use JavaScript, CSS and HTML. You
will connect buttons that let you use a camera, upload images and customize your photos by
inserting stickers and applying filters.
Thimble https://thimble.mozilla.org/en-GB/
Thimble is an online code editor that makes it easy to create and publish your own web pages
while learning HTML, CSS & JavaScript.
W3Schools https://www.w3schools.com/html/default.asp
THE WORLD'S LARGEST WEB DEVELOPER SITE. Also includes tutorials and guides on JavaScript,
CSS, SQL, PHP, Bootstrap and more!!
Land of Code http://www.landofcode.com/html-tutorials/
Information on web building technologies including (but not limited to) HTML, XHTML,
Javascript, PHP, and several other subjects beyond web development with material for
beginners and non-beginners alike
First time HTML start here http://www.landofcode.com/html-examples/
The words you are searching are inside this book. To get more targeted content, please make full-text search by clicking here.
Introduction to HTML
Discover the best professional documents and content resources in AnyFlip Document Base.
Search
Introduction to HTML
- 1 - 2
Pages: