HTML NOTES October 6, 2008. Starting a document and saving  Always use notepad  Use _ for spaces otherwise it won’t work  When saving make sure you.

Slides:



Advertisements
Similar presentations
Windows XP / Microsoft Word Computer Applications.
Advertisements

Html: getting started HTML is hyper text markup language. It is what web browsers look at on the Internet. HTML documents should be created in a simple.
WeB application development
HTML. We’ll learn … What HTML is What tags are What a basic web page looks like What 3 HTML tags are required What HTML comments look like How to title.
Web Design Using HTML Codes. WHAT DO I NEED TO BEGIN DESIGNING A HOME PAGE? 1.YOU NEED A FOLDER (also called a DIRECTORY) You should set up a folder or.
Today’s Topic Language of web page - HTML (Hypertext Markup Language)
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.
Web Pages: Creating & Maintaining Body Tags. There have been several versions of HTML since its inception. VersionYear HTML1991 HTML HTML
HTML. WHAT IS HTML HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup language A markup language is a set of.
Html Basic Codes Week Two. Start Your Text Editor Windows use 'Notepad’ Macintosh use 'Simple Text'
HTML CRASH COURSE. What is HTML?  Hyper Text Markup Language  The language used to make web pages  Written by using tags.
By Brieya. What is HTML Hypertext Markup Language, a standardized system for tagging text files to achieve font, colour, graphic, and hyperlink effects.
15.1 Fundamentals of HTML.
HTML INTRODUCTION. What is HTML?  HTML stands for Hypertext Markup Language  Developed in 1990  Hidden code that helps us communicate with others on.
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.
Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic.
In this activity, we are going to create a resume file with Microsoft Word and save it in the folder ‘My Documents’. Activity 2 Creating and saving a resume.
1 Creating Web Pages Part 1. 2 OVERVIEW: HTML-What is it? HyperText Markup Language, the authoring language used to create documents on the World Wide.
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.
HTML Basics Objectives: Objectives: Understand what HTML is Understand what HTML is Know basic HTML tags Know basic HTML tags Understand how to view HTML.
HTML Basics Let’s Make a Web Page. What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a.
Barbara White School of Information Technology XHTML template Saving files in Notepad.
1 Creating the Header Page The header frame always displays on the AHS Web site The image (screagle.gif) that will go in the header is contained on the.
CMA Workshop Image Links and Text Links on the Same Line in a Component.
15.1 Fundamentals of HTML DeKalb County School System.
Lesson 3: Organizing your material  Create a numbered or unordered (bulleted) list  Unordered list tag is to begin and to indicate the beginning and.
Creating Your First Web Page – Topic: Creating a wiki, blog, image blog and podcast Click Arrow - Next Slide 1.
HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place.
15.1 Fundamentals of HTML 2 assignments: 1st—complete the worksheet. 2nd—create your first HTML web page following the directions in this PowerPoint where.
A New Page to Add-On Your Multimedia Page. Creating a New Page Open up a new Windows Notepad Click File > Save As > My Computer > “your flash drive” Name.
Greetings. Click on the ship to start the HTML journey. Try and get every thing right. Otherwise, I’ll send you back!
HTML CS 105. Page Structure HTML elements control the details of how a page gets displayed. Every HTML document has the following basic structure: … …
This shows CIS17 and the first day introduction..
HTML Introduction 2-1. Lecture 6 HTML - HyperText Markup Language  not a programming language  structure text into title, body, paragraphs, lists, links,
+ HTML Hypertext Markup Language. + Introducing HTML HTML is the language used in writing websites Open the “HTML Practice” link on the Daily Log Delete.
Your HTML website creating your first html file. Creating an HTML FIle Open note pad from accessories, programs. Write code. Save and view. In 3 Steps.
HTML: Hypertext Markup Language The language to make web pages 0.
Behind every site is a mix of special languages that your web browser understands The main way of describing any website is HTML HTML stands for Hyper.
HTML-I Basic HTML Elements. HTML (Hyper Text Markup Language) HTML is a document layout and hyperlink- specification language. i.e. a language used to.
GUIDELINES FOR CREATING YOUR FIRST WEBPAGE GETTING STARTED.
Using HTML. Glogger Glogger is like you own personal web page, you can add… Pictures Text Videos Music, etc… Modify and adjust anything you want Glogger.
Basic Steps to create a Website using HTML5. Hypertext Markup Language.
HTML HTML stands for Hyper Text Markup Language. HTML is used in making the base of a Website You can just use an online website maker like weebly.com.
HTML Basic Structure. Page Title My First Heading My first paragraph.
HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.
1 Your Web Page title body of Web page main heading H2 heading bulleted list paragraph.
HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place Programming language.
Project 02 Creating and Editing a Web Page Concept Map of Unit Creating and Editing a Web Page Key Learning Understand the elements to create a web page.
Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.
Revised June 2008 Online PD Basic HTML1 Let’s Try It!  Open Notepad oStart > All Programs > Accessories > Notepad oDon’t get WordPad by mistake – won’t.
NOTEPAD++ Lab 1 1 Riham ALSmari. Why Notepad++ ?  Syntax highlighting  Tabbed document interface  Zooming  Indentation code  Find and replace over.
Computer Basics Introduction CIS 109 Columbia College.
What you can see in the picture?
Getting Started – Basic Page Structure
Internet Exploration: HTML Basics
XHTML/CSS Week 1.
INSTRUCTIONS This presentation was designed to first be viewed in class with the instructor. Students may then view it on their workstations while trying.
Internet Exploration: HTML Basics
My web site..
How to format your paper for MLA style.
HTML HYPERTEXT MARKUP LANGUAGE.
WEB PUBLISHING 2/19/2019 JIPRA ICT DEPARTMENT
How to Make HTML and CSS Files Using Notepad++
HTML Basic Structure.
HTML Structure.
Creating your first website
Creating your first website
Hypertext Markup Language
HTML Lesson 3.
Week 4 WEB PAGES: CREATING AND MAINTAINING ** Wednesday: 2:00 – 3:15
Presentation transcript:

HTML NOTES October 6, 2008

Starting a document and saving  Always use notepad  Use _ for spaces otherwise it won’t work  When saving make sure you select all files from the save as type menu  Make sure you type.html at the end of your file name.

Terminology  Tags <> <>  Nested tag /> />  empty tag <><>

Opening vs. Closing tag  Opening tag    Closing tag    Closing tags have a / in them.

HTML tag  

HEAD tag  

TITLE

Body tag  

Viewing  Save your file  Go to my documents  Double click on file

Example    Sample Senior Page  Sample Senior Page    this is a paragraph  this is a paragraph  this is my second paragraph  this is my second paragraph  