Most tags must have an open and a close in XHTML.

Slides:



Advertisements
Similar presentations
A guide to HTML. Slide 1 HTML: Hypertext Markup Language Pull down View, then Source, to see the HTML code. Slide 1.
Advertisements

Teppo Räisänen LIIKE/OAMK 2010
XHTML Basics Web pages used to be written exclusively in html
XHTML Basics.
HTML Minute University Richard Fisher 10/1/2001 HTML FSA Training2 HTML Overview  HTML  HyperText Markup Language.
Basic HTML Tags.
Using Advanced Cascading Style Sheets
How Tags are used to form your Web Page
HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML
Introductory XHTML pages Please use speaker notes for additional information!
COS 125 Day 13. Agenda Capstone Projects Proposals Over Due Timing of deliverables is 10% of Grade Still missing two First Capstone Progress Report Due.
COS 125 Day 13. Agenda Capstone Progress Reports Due Quiz #2 Graded 7 A’s, 3 B’s, 3 C’s and 1 no-take Assignment #3 due this Friday We review some of.
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.
COMP101 – Exploring Multimedia and Internet Computing LA2 (Thu 14:00 – 16:50) TA: Jackie Lo.
HTML Notes Chapters 1--6 Codes used in creating HTML documents are called tags. Tags are always enclosed in left ( ) angle brackets. Tags can be upper.
Define html document byusing Example : Title of the document The content of the document......
Cascading Style Sheets (CSS) 1.  What is CSS?  Why CSS?  How to write a CSS? 2.
Learning Web Design: Chapter 4. HTML  Hypertext Markup Language (HTML)  Uses tags to tell the browser the start and end of a certain kind of formatting.
HTML Tags Basic Tags Doctype or HTML Head Title Body Use the website to find the definitions
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.
Getting Started with HTML Please use speaker notes for additional information!
Getting Started with HTML Please use speaker notes for additional information!
Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic.
Introduction to HTML. Slide 1 Hard-Coding What is hard-coding? –Creating the page in a text editor just using HTML A Web designer should know how to hard-
IT204 - Web Scripting and Authoring I Introduction to Dreamweaver Unit 6.
HTML: Hyptertext Markup Language Doman’s Sections.
Copyright (c) 2004 Prentice-Hall. All rights reserved. 1 Committed to Shaping the Next Generation of IT Experts. Creating XHTML Documents Essentials for.
1 Web Application Programming Presented by: Mehwish Shafiq.
Cascading Style Sheets (CSS). A style sheet is a document which describes the presentation semantics of a document written in a mark-up language such.
DYNAMIC HTML What is Dynamic HTML: HTML code that allow you to change/ specify the style of your web pages. Example: specify style sheet, object model.
This shows CIS17 and the first day introduction..
Introduction To Computing Lab #8 Instructor: Kavya Venkatesh IT 104, Section: 203.
CPSC 203 Introduction to Computers Lab 23 By Jie Gao.
HTML Basic Structure. Page Title My First Heading My first paragraph.
How to build a Web Page or “The things geeks never told you!”
 Create a free account  Verify your address.
HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML.
HTML Headers/Parag raphs. How to make a heading  Page Title This is a Heading This is a paragraph.
CSS Introductions. Objectives To take control of the appearance of a Web site by creating style sheets. To use a style sheet to give all the pages of.
INTRO TO WEB DEVELOPMENT html
Web Basics: HTML/CSS/JavaScript What are they?
CS7026: Authoring for Digital Media HTML Authoring
Introduction to basic HTML
XHTML Basics.
Text Elements.
Elements and Attributes
COMPUTING FUNDAMENTALS
Essentials of HTML.
Working with HTML These are the examples you need to go over. Click on the name like HTML5intro.html and it will bring up the page. If you right click.
Text Elements.
Practice: first_document.html
Essentials of HTML.
XHTML Basics.
XHTML Basics.
10 Minute University Richard Fisher
Text Elements.
CIS44.
Review - unfortunately I did not turn on the recorder right away so the first few examples will not be part of the audio. I did turn on the recorder.
HTML Structure.
XHTML Basics.
Creating your first website
Text Elements.
HyperText Markup Language
XHTML Basics.
Johan Ng and Muhammad Hazzry
Creating your first website
Text Elements.
For the CIS17 course..
Monday, Sept. 24 Today we are going to update the html code to html5. It has some new features that we have not covered yet.
HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML
Presentation transcript:

I broke them up into separate lines, but the head and title tags could have been on the same line.

Most tags must have an open and a close in XHTML.

there is a blank line after it When you save, you need to use either a .html or a .htm extension.

This is the title. Notice the name has the .html extension. These are headers in tags <h1>, <h2> and <h6>. Notice that the text gets progressively smaller. They are in the body. of text. will not validate because the This is a line text is not in a container. Note that I closed body and html.

The </p> could have been on the same line.

Notice that embedded spaces and carriage returns have no impact on how things look on the page.

 

<br />

Note that I have a break in a paragraph and then another line Note that I have a break in a paragraph and then another line. It is written on the very next line. A new paragraph woud have caused a blank line inbetween.

</ol> Now I am doing an ordered list - I made a mistake which we will see in a minute. Instead of closing the ordered list I made a new ordered list.

with 1, 2 and 3. Should have been </ol> I have not run with the unordered list yet.

slides. second output did not indent.

I have gone to the validator and am attempting to validate I have gone to the validator and am attempting to validate. Note this is after I fixed the close tags.

It validated!

This shows the right list output, unfortunately it does not show the fix - you will just have to trust me!

It is prefered that you do this with cascading style sheets which we will discuss soon.

I added some things and it still validated.