Download presentation
Presentation is loading. Please wait.
1
HTML Lab 5 10/1/2015
2
Example <!DOCTYPE html> <html> <head>
<title>HTML </title> </head> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>
3
Definition HTML is a markup language for describing web documents (web pages). HTML stands for Hyper Text Markup Language A markup language is a set of markup tags HTML documents are described by HTML tags Each HTML tag describes different document content
4
Introduction The DOCTYPE declaration defines the document type to be HTML The text between <html> and </html> describes an HTML document The text between <head> and </head> provides information about the document The text between <title> and </title> provides a title for the document The text between <body> and </body> describes the visible page content The text between <h1> and </h1> describes a heading The text between <p> and </p> describes a paragraph
5
HTML Editors For learning HTML we recommend a text editor like Notepad (PC) or TextEdit (Mac). Open Notepad Write Some HTML Save the HTML Page with .html suffix View HTML Page in Your Browser
6
Basic HTML HyperLinks HTML Image Empty HTML Elements
<a href=" is a link</a> HTML Image HTML images are defined with the <img> tag. <img src=”gsu.jpg" alt=” width="104" height="142”> Empty HTML Elements <br> is an empty element without a closing tag
7
HTML Style Every HTML element has a default style (background color is white and text color is black). <body style="background-color:lightgrey"> <h1 style="color:blue">This is a heading</h1> <h1 style="font-family:times">This is a heading</h1> <h1 style="font-size:14pt">This is a heading</h1> <h1 style="text-align:center">Centered Heading</h1> HTML Formatting <p><b>This text is bold</b>.</p> <p><strong>This text is strong</strong>.</p> <p><i>This text is italic</i>.</p>
8
Design your Webpage Title: Lab5 Heading: bold, align to center
Paragraph: 14pt, times A Link name is “GSU” and link to Change Back-ground color
9
EXAMPLE
Similar presentations
