Download presentation
Presentation is loading. Please wait.
1
Creating your website and learning HTML
WICS Web Project Creating your website and learning HTML
2
Creating Your Web space
Follow the tutorial on
3
Check out your website
4
Accessing your web site files
Follow tutorial on
5
HTML? Hyper Text Markup Language Describes web pages.
A markup language is a set of markup tags < tag > Tags describe document content Paragraphs Images Links
6
HTML Example The DOCTYPE declaration defines the document type The text between <html> and </html> describes the web page The text between <body> and </body> is the visible page content The text between <h1> and </h1> is displayed as a heading The text between <p> and </p> is displayed as a paragraph <!DOCTYPE html> <!-- This is a comment --> <html> <head> <title>Window Title</title> </head> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>
7
More on the <head> tag
Contains metadata not displayed on the page Define keywords for search engines <meta name="description" content="Free Web tutorials on HTML and CSS"> Define the author of a page <meta name="author" content="Hege Refsnes"> Link to cascading style sheets (CSS) <link rel=“stylesheet” type="text/css“ href=“style.css” > Link to JavaScript files <script src=“javascript.js”></script>
8
Other useful tags Adding images <img src = “image_file”> Links
<a href = “ text</a> Making lists Bullet Points <ul> <li>Item</li> </ul> Numbered <ol> <li>Item</li> </ol>
9
Where to edit HTML http://notepad-plus-plus.org/ Notepad++
SAVE AS .HTML
10
Learn more on…
Similar presentations
