home // Programming // HTML & CSS
Basic HTML + CSS Tutorial
Source: www.parishday.org
File Size: 444.69 KB
Category: Programming
Last Download : 19 hours 35 minutes ago
Share this info:
Click Image to enlarge
Short Description: Basic HTML + CSS Tutorial. Objectives:. 1. Introduce students to HTML and CSS ( internal and external). 2. Use simple word processing applications to create ...
Content Inside: Basic HTML + CSS Tutorial Objectives: 1. Introduce students to HTML and CSS (internal and external) 2. Use simple word processing applications to create web pages 3. Organization of Web Page Files 4. Introduce students to CSS and HTML code Contents · 1. The HTML · 2. Adding color · 3. Adding fonts · 4. A navigation bar · 5. Styling links · 6. Horizontal line · 7. External CSS It does not explain much of CSS. It just explains how to create an HTML file, a CSS file and how to make them work together. After that, you can read any of a number of other tutorials to add more features to the HTML and CSS files. Or you can switch to using a dedicated HTML or CSS editor that helps you set up complex sites. Sections that look like this are optional. They contain some extra explanation of the HTML and CSS codes in the example. The "alert!" sign at the start indicates that this is more advanced material than the rest of the text. Step 1: writing the HTML Use only the very simplest of tools. E.g., Notepad (under Windows), TextEdit (on the Mac) or KEdit (under KDE) will do fine. Once you understand the principles, you may want to switch to more advanced tools, or even to commercial programs, such as Style Master, Dreamweaver or GoLive. Microsoft Word may also be used, but with some caution. Make certain that your html documents are being saved as simple or plain text. Step 1 is to open your text editor (Notepad, TextEdit, KEdit, or whatever is your favorite), start with an empty window and type the following: <!DOCTYPE html PUBLIC "//W3C//DTD HTML 4.01//EN"> <html> <head> <title>My first HTML and CSS page</title> </head> <body> <! Site navigation menu > <ul class="navbar"> <li><a href="Home.html">Home page</a> <li><a href="Page2.html">Musings</a></li> <li><a href="Page3.html">My town</a>
Sponsored Links
Related Search Terms: