Download presentation
Presentation is loading. Please wait.
1
Introduction to HTML5
2
What is HTML? HTML stands for Hyper Text Markup Language.
The purpose of HTML is to describe the general form and layout of documents to be displayed by a browser. HTML documents can be created with a general-purpose text editor, even Microsoft word. HTML has few syntactic rules and browsers often do not enforce the rules it does have.
3
How does HTML work? As a markup language, HTML uses tags to specify a content category. Almost all tags consist of a pair of syntactic markers that are used to format content or delimit particular kinds of content. The pair of tags and their content together are called an element.
4
<p> I like code french fries. </p>
Example 1 <p> I like code french fries. </p> This is a paragraph element. It is identified by an opening tag of <p> and a closing tag </p>.
5
<img src=”logo.png”/>
Example 2 of HTML tags <img src=”logo.png”/> Some tags include attribute specifications. Attribute specifications provide additional information for the browser. An img tag contains a scr (source) attribute that specifies the location of the image content. In this case, the closing tag is part of the opening tag.
6
Important Notes about HTML Tags and Structure
A heading <!DOCTYPE html> tag tells a browser that this document is an HTML document. An <html> tag represents the root of an HTML document. A single <html> tag represents the container for all other HTML elements. Every HTML document also includes a <head> and a <body> container. The <body> tag defines the main content of the HTML document. The <head> element is a container for metadata (data about data, such as styles and code scripts) and is placed between the <html> tag and the <body> tag. The <title> element defines the title of the document.
7
A simple HTML document <!DOCTYPE HTML> <html> <head> <title> Bobo’s Web Page</title> </head> <body> Bobo’s Web Page is currently under construction. </body> </html>
8
Practice Create a simple HTML document for the assignment page to be used in Assignment 0. Add your name to the top of the web page. Create a list of hyperlinks to future assignments for this course.
Similar presentations
