+ HTML Hypertext Markup Language. + Introducing HTML HTML is the language used in writing websites Open the “HTML Practice” link on the Daily Log Delete.

Slides:



Advertisements
Similar presentations
Intro to HTML. HTML HTML = HyperText Markup Language Used to define the content of a webpage HTML is made up of tags and attributes Content.
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.
HTML.
A guide to HTML. Slide 1 HTML: Hypertext Markup Language Pull down View, then Source, to see the HTML code. Slide 1.
Garfield Graphics included with kind permission from PAWS Inc. All Rights Reserved. Making a PowerPoint Presentation 01 ‘Simple text and pictures’
Web Page Development Identify elements of a Web Page Start Notepad
CM143 - Web Week 2 Basic HTML. Links and Image Tags.
How can basic HTML sites be improved?. The Difference Between Hyper Text Markup Language Is a markup language for describing web pages Is used to create.
Designing Web Pages Getting to know HTML... What is HTML? Hyper Text Markup Language HTML is the major language of the Internet’s World Wide Web. Web.
Slide 1 Today you will: think about criteria for judging a website understand that an effective website will match the needs and interests of users use.
Define html document byusing Example : Title of the document The content of the document......
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.
Making an HTML Document Notepad Group Bo Kim Dan Carter Han Chong Justin Weaver Kris Lamont.
Today’s Topic Language of web page - HTML (Hypertext Markup Language)
Using HTML to Create a Basic Web Page… By Josh Gallagan.
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.
Using Hyper Text Markup Language to develop a Web page.
HTML CRASH COURSE. What is HTML?  Hyper Text Markup Language  The language used to make web pages  Written by using tags.
Introduction to HTML. What is a HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup tags  The.
Course Content - Chapter 2 Introduction to HTML Introduction to a Text Editor as a web authoring tool Instructional Activity: Creating a webpage using.
Computing Theory: HTML Year 11. Lesson Objective You will: o Be able to define what HTML is - ALL o Be able to write HTML code to create your own web.
Web Design (2) Brackets - introduction. Brackets Brackets is a web design code editor It is an open-source project initiated by Adobe (creator of Dreamweaver)
HTML Hyper Text Markup Language. What is an HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup.
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.
Hypertext Mark-Up Language Web Page Creation HTML.
HTML Codes Miss B.
Adding Documents to OnCourse. Add a Document Look for the Documents tab and click it.
Introduction to HTML Vincci Kwong Reference/Instruction Librarian.
INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.
HTML. Hypertext Markup Language Lesson Objectives 1. We will be able to understand the need for HTML and where it is used 2. We will be edit HTML to.
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.
Week 1 – Beginners Content McAfee & Big Fish Games CoderDojo.
LEARNING HTML PowerPoint #1 Cyrus Saadat, Webmaster.
Barbara White School of Information Technology XHTML template Saving files in Notepad.
Introduction to HTML. HTML Introduction HTML – Hypertext Markup Language are the instructions that tell a browser how to lay out the information (text,
CMA Workshop Image Links and Text Links on the Same Line in a Component.
HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place.
Web programming Part 1: HTML 由 NordriDesign 提供
Presented by the Monroe County Public Library. Me: Austin Stroud, Instructional Designer at the Monroe County Public Library Adjunct Faculty, Ivy Tech.
Building a Web Page. Create A New Folder  Right click on the desktop and select New / Folder  Name the folder playpen.
This shows CIS17 and the first day introduction..
KompoZer. What is it? A FREE product used to design websites A FREE product used to design websites A WYSIWYG HTML Editor A WYSIWYG HTML Editor –WYSIWYG:
Getting Started with HTML. HTML  Hyper Text Markup Language  HTML isn’t a program language, its known as a markup language  A Markup language has tags.
1 2/16/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: Intro to HTML and Basic Web Page Design.
PART 1: Introduction to HTML & CSS. Lecture 1: HTML 5 Basic Structure.
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.
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.
HTML NOTES October 6, Starting a document and saving  Always use notepad  Use _ for spaces otherwise it won’t work  When saving make sure you.
Basic Steps to create a Website using HTML5. Hypertext Markup Language.
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.
How to build a Web Page or “The things geeks never told you!”
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.
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.
Objectives At the end of this session students will: Define the following terms in two sentences or less Website Web page Browser Html URL Hyperlink Explain.
Introduction to HTML.
XHTML/CSS Week 1.
HTML & teh internets.
INSTRUCTIONS This presentation was designed to first be viewed in class with the instructor. Students may then view it on their workstations while trying.
HTML HYPERTEXT MARKUP LANGUAGE.
Intro to Web Development Links
Creating your first website
The Most Basic HTML Page
Creating your first website
Hypertext Markup Language
Hyper text markup Language
Presentation transcript:

+ HTML Hypertext Markup Language

+ Introducing HTML HTML is the language used in writing websites Open the “HTML Practice” link on the Daily Log Delete everything in the white box, so it is blank

+ Tags Most tags have start tags and end tags HTML tag Everything between these tags is defined as a html document Heading tag Defines information about the document

+ More tags defines the title of the document defines the main part of the document defines a paragraph to defines headings at levels 1-6 defines a single break defines a horizontal line Neither the or tag has an end tag

+ Practice on your own Practice in the window you opened before. Create a page with your name at the top, and a paragraph about your favorite flavor of ice-cream. Make a second paragraph about something you’re happy about today Draw a horizontal line and write the name of your favorite animal, and the name you’d give it if you were able to own one.

+ Real HTML Open Notepad++ from the icon on your desktop Copy and paste the HTML code you created in the practice window onto the page in Notepad Save your Notepad File as an HTML file Notice what your file looks like on the desktop Double click it to open your file as a webpage! Name your webpage html_box#_box# and send it to