Basics of HTML. Example Code Hello World Hello World This is a web page.

Slides:



Advertisements
Similar presentations
HTML Basic Lecture What is HTML? HTML (Hyper Text Markup Language) is a a standard markup language used for creating and publishing documents on.
Advertisements

CHAPTER 7 STYLING CONTENT WITH CASCADING STYLE SHEETS.
MIS 425 Lecture 2 – HTML Navigation, Colors, tables and Styles Instructor: Martin Neuhard
Build Your Own Webpage Code Academy.
TEA/TUG + ALDOT(Mobile) = H(O+I) The TEA/TUG being hosted by ALDOT in Mobile causes Hurricanes to come to Alabama. The TEA/TUG being hosted by ALDOT in.
TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 5, Day 1 (10/28)
Introduction to HTML academy.zariba.com 1. Lecture Content 1.What is HTML? 2.The HTML Tag 3.Most popular HTML tags 2.
Understanding HTML Style Sheets. What is a style?  A style is a rule that defines the appearance and position of text and graphics. It may define the.
WEB DESIGN This course accompanies: -DiDA -GCSE ICT -A-Level ICT Insert Teacher Name Here By xIslandDesign.
Basics of HTML.
Creating Tables in a Web Site.  Define table elements  Describe the steps used to plan, design, and code a table  Create a borderless table to organize.
Julien Thibault  HTML is the basic building-blocks of webpages  It is not a language!! (despite its name)  Structure text/media.
HTML Links and Anchors.
Creating Tables in a Web Site
Basic HTML Hyper text markup Language. Re-cap  … - The tag tells the browser that this is an HTML document The html element is the outermost element.
Creating your Webpage with tables. This is a 2 column by 1 row table!
HTML HTML stands for "Hyper Text Mark-up Language“. Technically, HTML is not a programming language, but rather a markup language. Used to create web pages.
Web Design Unit Assignment #2: Job Skills Favorite Links Page You will create a HTML web page with links to informational websites about a variety of job.
CITY UNIVERSITY / Vysoká Škola Manažmentu.:IS Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 4 1. Create a folder on L/BSBA/IS330/website.
Intro to Dreamweaver Web Design Section 7-1 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course.
Using Hyper Text Markup Language to develop a Web page.
Designing Web Sites Using “tags” Tags are codes inserted among the text to tell the text how to behave Their format is very rigid; they always look like.
HTML (continued). Assignment 3 Creating a web page with:  Images  Hyperlinks to some websites  Hyperlinks to your  Information about a company,
All you ever needed to know…and more!. H.T.M.L. HyperText Mark-up Language Web’s programming language All web browsers Set of instructions Written with.
Basic HTML PowerPoint How Hyper Text Markup Language Works
Copyright 2007, Information Builders. Slide 1 Understanding Basic HTML Amanda Regan Technical Director June, 2008.
XHTML1 Images N100 Building a Simple Web Page. XHTML2 The Element The src attribute specifies the filename of an image file To include the src attribute.
Basic HTML Hyper text markup Language. Lesson Overview  In this lesson, you will learn to:  Write HTML code using a text editor application such as.
CPSC 203: Introduction to Computers Tutorials 03 & 29 by Jie (Jeff) Gao.
HTML Basic. What is HTML HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it.
ICS100 – Final Exam Info Spring 2007 D. Pai. Final Exam is Wed., 5/9/07 10:00 – 12:50.
Are You Smarter Than a 5 th Grader? 1,000,000 5th Grade HTML 5th Grade Syntax 4th Grade HTML 4th Grade Syntax 3rd Grade HTML 3rd Grade Syntax 2nd Grade.
Web programming Part 1: HTML 由 NordriDesign 提供
Web Authoring with Dreamweaver. Unit Objectives  Be able to define keywords: HTML, HTTP (protocol), browser, web server, client/server, tag, attribute,
Building a Web Page. Create A New Folder  Right click on the desktop and select New / Folder  Name the folder playpen.
External Style Sheets Exploring Computer Science – Lesson 3-6.
Notes Test #2 will be held one week from this Thursday Check to see if you have a Vision account –Launch Netscape –Point & Click to location and type vision.
Creating a Web Page Presented by: Bernadette G. Bautista Manuel I. Santos MNHS April 29, 2011.
Creating Tables in a Web Site HTML 4 Created by S. Cox.
HyperText Markup Language (HTML) Developing a Web Page.
Introduction lab1. Suzanne J. Sultan 2 What is HTML? The definition of HTML is Hyper Text Markup Language. HTML is a computer language devised to allow.
Creating Your 1 st Web Page. Tags Refers to anything between on a webpage Most appear in pairs surrounding content Some appear as empty tags (no closing.
Learning Aim C.  Creating web pages involves many considerations.  In this section we will look at the different software tools you can use and how.
NASRULLAHIBA.  It is time to take your web designing skills to the next level with Cascading Style Sheets (CSS). They are a way to control the look and.
Creating Web Pages with Links, Images, and Embedded Style Sheets
CSS Layout Cascading Style Sheets. Lesson Overview  In this lesson, we’ll cover:  Brief CSS review  Creating sections with the tag  Creating inline.
Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.
HTML And the Internet. HTML and the Internet ► HTML: HyperText Markup Language  Language in which all pages on the web are written  Not Really a Programming.
HTML is the language that allows text and graphics to be displayed as Web pages. It is a set of special codes, called tags, that tells a browser application.
HTML Help book. HTML HTML is the programming language used to make web pages for the Internet. HTML stands for Hyper Text Markup Language. HTML is made.
HTML LAYOUTS. CONTENTS Layouts Example Layout Using Element Example Using Table Example Output Summary Exercise.
Source of website: “Text/css rel=“styles heet” This is an external style sheet link. This means that the.
Web Site Design Unit 11.3A: Web programming. Tags and Elements O h1 O p O h6 O li O Ol O Ul O Strong O Bold O Emphasis O Sub O Sup O How many standard.
INTRODUCTION ABOUT DIV Most websites have put their content in multiple columns. Multiple columns are created by using or elements. The div element is.
HTML Basics Text, Images, Tables, Forms. HTML Structure HTML is comprised of “elements” and “tags” – Begins with and ends with Elements (tags) are nested.
Web Basics: HTML/CSS/JavaScript What are they?
>> Introduction to CSS
HTML.
Intro to Dreamweaver Web Design Section 8-1
Web Page Design ICT Ms. McGrew.
Making Web pages.
Intro to Web Development Links
What is HTML?.
HTML Links.
Introduction to HTML5.
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
The language of the internet
The language of the internet
WJEC GCSE Computer Science
Presentation transcript:

Basics of HTML

Example Code Hello World Hello World This is a web page.

Format

Examples

Self-Closing Elements  In the previous example, the element had only one tag and didn’t include a closing tag. Fear not, this was intentional. Not all elements consist of opening and closing tags. Some elements simply receive their content or behavior from attributes within a single tag. The element is one of these elements. The content of the previous element is assigned with the use of the charset attribute and value. Other common self-closing elements include 

Your turn  Use to explore the beginnings of HTML.  By the end of the day, you must me the code you used to create a simple webpage similar to the “Example Code”  Page must have a title  Must have a hyperlink  Must have an image embedded  Must have at least two colors of text  Content: Start telling me what you will make your subject specific site about.  Use the site to experiment, but copy and paste the text for your final code into an to me at:

Your turn  Use to explore the beginnings of HTML.  By the end of the day, you must me the code you used to create a simple webpage similar to the “Example Code”  Page must have a title  Must have a hyperlink  Must have an image embedded  Must have at least two colors of text  Content: Start telling me what you will make your subject specific site about.  Use the site to experiment, but copy and paste the text for your final code into an to me at:

Your turn  Use to explore the beginnings of HTML.  By the end of the day, you must me the code you used to create a simple webpage similar to the “Example Code”  Page must have a title  Must have a hyperlink  Must have an image embedded  Must have at least two colors of text  Content: Start telling me what you will make your subject specific site about.  Use the site to experiment, but copy and paste the text for your final code into an to me at:

Your turn  Use to explore the beginnings of HTML.  By the end of the day, you must me the code you used to create a simple webpage similar to the “Example Code”  Page must have a title  Must have a hyperlink  Must have an image embedded  Must have at least two colors of text  Content: Start telling me what you will make your subject specific site about.  Use the site to experiment, but copy and paste the text for your final code into an to me at: