HTML Code HTML can be written on the simplest text programs. A web page is defined by the tag.

Slides:



Advertisements
Similar presentations
HTML: HyperText Markup Language Hello World Welcome to the world!
Advertisements

Chapter 2 HTML Basics Key Concepts
ASHIMA KALRA.  WHAT IS HTML WHAT IS HTML  HTML TAGS HTML TAGS  FORMATTING TAGS FORMATTING TAGS.
Anne McGrath 16 th February  Review of what we have learned so far.  Angled brackets surround HTML tags.  The words between the angled brackets.
1. Content – Collective term for all text, images, videos, etc. that you want to deliver to your audience. 2. Structure – How the content is placed on.
Cascading Style Sheets. CSS stands for Cascading Style Sheets and is a simple styling language which allows attaching style to HTML elements. CSS is a.
Cascading Style Sheets Based on Castro, HTML for the WWW, 6 th edition Ron Gerton, Fall 2007.
Beginning Web Site Creation: Dreamweaver CS4 Noreen Brown XHTML CODING -- TAGS.
HTML Computing Concepts HTML - An Introduction 1.
23-Jun-15 HTML. 2 Web pages are HTML HTML stands for HyperText Markup Language Web pages are plain text files, written in HTML Browsers display web pages.
Web Page Development Identify elements of a Web Page Start Notepad
HTML Elements. HTML documents are defined by HTML elements.
HTML: PART ONE. Creating an HTML Document  It is a good idea to plan out a web page before you start coding  Draw a planning sketch or create a sample.
XHTML Tables. Tables: Allow us to display information on the page in a uniform fashion. Work well for organizing groups of words, images, and links. Are.
CpSc 462/662: Database Management Systems (DBMS) (TEXNH Approach) HTML Basics James Wang.
Web page - A Web page is a simple text file that contains HTML tags (code) that describe what should be displayed on the browser. -The Web browser interprets.
Creating a Simple Page: HTML Overview
Chapter 2: The Client Side: HTML CIS 275—Web Application Development for Business I.
Unit 1 – Developing a Web Page. Objectives:  Learn the history of the Web and HTML  Describe HTML standards and specifications  Understand HTML elements.
Week 1.  Phillip Chee   Ext.1214 
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.
4 HTML Basics Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and.
Extensible Hypertext Markup Language A successor to HTML 4.01 XML-compliant W3C is improving and expanding.
1.  Describe the anatomy of a web page  Format the body of a web page with block-level elements including headings, paragraphs, lists, and blockquotes.
XHTML1-1 Extensible HyperText Markup Language (XHTML) Xingquan (Hill) Zhu
Chapter 2 HTML Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.
Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and attributes Create.
XP Mohammad Moizuddin Creating Web Pages with HTML Tutorial 1 1 New Perspectives on Creating Web Pages With HTML Tutorial 1: Developing a Basic Web Page.
Just Enough HTML How to Create Basic HTML Documents.
Creating Webpage Using HTML
Ordered Lists By Brian Christian. Ordered List Tags You use this tag when you want to start an ordered list. Each list item you write need to start with.
Web Technologies COMP6115 Session 2: Planning, Designing, Constructing and Testing Static Web Sites Dr. Paul Walcott Department of Computer Science, Mathematics.
XP 2 HTML Tutorial 1: Developing a Basic Web Page.
INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.
Copyright © Osmosys O S M O S Y SO S M O S Y S D e p l o y i n g E x p e r i e n c e & E x p e r t i s e™ HTML Training.
Lesson 8. Dividing the screen horizontally Horizontal Frames.
ECA 228 Internet/Intranet Design I Intro to Markup.
4 Chapter Four Introduction to HTML. 4 Chapter Objectives Learn basic HTML commands Discover how to display graphic image objects in Web pages Create.
Introduction to HTML Xiangming Mu 9/23/ Learning Objectives Understand basic HTML tags and their attributes Learn to create a simple HTML page.
CIS67 Foundations for Creating Web Pages Professor Al Fichera Rev. August 25, 2010—All HTML code brought to XHTML standards.
1 Web Application Programming Presented by: Mehwish Shafiq.
HTML/XHTML Structure Building a basic web page using notepad.
Suzanne Sultan1 Line Breaks, Paragraphs, lists Lab3.
4 HTML Basics Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and.
HTML Hyper Text Markup Language 1BFCET BATHINDA. Definitions Web server: a system on the internet containing one or more web site Web site: a collection.
©SoftMoore ConsultingSlide 1 Introduction to HTML: Basic Document Structure.
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.
Formatting Text with HTML. Objectives: Students will be able to: Define the structure of the document with block elements Format numbered, bulleted, and.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
Web programming Part 1: HTML 由 NordriDesign 提供
HTML CS 105. Page Structure HTML elements control the details of how a page gets displayed. Every HTML document has the following basic structure: … …
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 is a markup.
The Web Wizard’s Guide to HTML Chapter Two Basic Text Formatting.
Elements and Attributes. XHTML Elements The element contains special information that does not necessarily show up on the web page. The element determines.
REEM ALMOTIRI Information Technology Department Majmaah University.
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring
XP 2 HTML Tutorial 1: Developing a Basic Web Page.
Tutorial #1 Using HTML to Create Web Pages. HTML, XHTML, and CSS HTML – HyperText Markup Language The tags the browser uses to define the content of the.
1 Introduction to HTML. 2 Definitions  W W W – World Wide Web.  HTML – HyperText Markup Language – The Language of Web Pages on the World Wide Web.
Create Your Own Web Page: An Introduction to HTML Instructor: Corey Johnson Assisted by: tba.
NOTEPAD++ Lab 1 1 Riham ALSmari. Why Notepad++ ?  Syntax highlighting  Tabbed document interface  Zooming  Indentation code  Find and replace over.
Glencoe Introduction to Web Design Chapter 4 XHTML Basics 1 Review Do you remember the vocabulary terms from this chapter? Use the following slides to.
XP Including Comments in an HTML Document On a new blank line in an HTML document, type the start code for a comment:
Lesson 5. XHTML Tags, Attributes and Structure XHTML Basic Structure head and body titles Paragraph headings comments Document Presentation Manipulating.
Section 4.1 Section 4.2 Format HTML tags Identify HTML guidelines
Elements of HTML Web Design – Sec 3-2
Formatted Lists Unordered Lists Usage of Unordered List Ordered Lists
Formatted Lists Unordered Lists Usage of Unordered List Ordered Lists
Formatted Lists Unordered Lists Usage of Unordered List Ordered Lists
Presentation transcript:

HTML Code HTML can be written on the simplest text programs. A web page is defined by the tag

Tags The commands that make HTML work are called tags Tags are distinguished by their characters. Any time you open a tag you have to close it

Try this My coding example I’ve written this page with code Hello, World Wide Web! Please visit my home page Composed with care by: Keith © 2008 and beyond

Proper Nesting Tags must be properly “nested.” End tags by starting with the most recent and work your way back out. “First in, last out” A link, some of which is emphasized

Special Features Character Entities t.htm t.htm Background Color

Separating Sections divides the document into separate, distinct sections. Can be labeled for reference for other tags, for example with the id attribute. signals the start of a new paragraph, giving a blank line plus extra vertical space. Separate paragraphs can be aligned differently. is a simple line break.

Text Elements Size. H ey! –Can be value from 1 – 7 Color. Sunny skies Horizontal Line. –Can be adjusted.

Images The code must reference the image source. Images can be aligned with code. And then write text that will wrap around it. You can choose to make it a link, with or without a border.

Lists Unordered Lists one example second example third example is nested Ordered Lists Capital letters is type A lowercase is type a Capital Roman is type I lowercase roman is type i

XHTML Needs All elements nested correctly End tags for all tags, including empty elements Case sensitivity. A is not a Quoted attribute values Make use of special character entities