Hard to Reach HTML Mike Hanson AO, OES Web Workgroup Conference Chicago 10/27/2010.

Slides:

Advertisements

Similar presentations

HTML I. HTML Hypertext mark-up language. Uses tags to identify elements of a page so that a browser such as Internet explorer can render the page on a.

Advertisements

Introduction to HTML & CSS

What is XML? a meta language that allows you to create and format your own document markups a method for putting structured data into a text file; these.

Internet Services and Web Authoring (CSET 226) Lecture # 5 HyperText Markup Language (HTML) 1.

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

Lesson 1 Quick HTML Know-How. A little HTML History In 1990 Tim Berners-Lee invented: World Wide Web HTML (hypertext markup language) HTTP (HyperText.

HTML Overview - Cascading Style Sheets (CSS). Before We Begin Make a copy of one of your HTML file you have previously created Make a copy of one of your.

A really fairly simple guide to: mobile browser-based application development (part 1) Chris Greenhalgh G54UBI / Chris Greenhalgh

How Tags are used to form your Web Page

 To publish information for global distribution, one needs a universally understood language, a kind of publishing mother tongue that all computers may.

Computer Science 1611 Internet & Web Creating Webpages Hypertext and the HTML Markup Language.

HTML syntax By Ana Drinceanu. Definition: Syntax refers to the spelling and grammar of a programming language. Computers are inflexible machines that.

HTMLMR.Mostafa badr1. Lesson 3 HTML Tags Lesson 2 Creating a HTML File Lesson 1: Hyper Text Markup Language (HTML) Basics Get Trained for a Better Future.

INTRODUCTION TO WEB DEVELOPMENT AND HTML Lecture 06: Tables - Spring 2011.

Introduction to HTML. What is a Web site? A collection of "pages" or files linked together and available on the World Wide Web What do you need to create.

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

Tutorial 1: Getting Started with HTML5

Computer Science 101 HTML. World Wide Web Invented by Tim Berners-Lee at CERN, the European Laboratory for Particle Physics in Geneva, Switzerland (roughly.

Creating a Simple Page: HTML Overview

HTML Overview Part 2 – Paragraphs, Headings, and Lines 1.

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.

Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: –The head content –The body Creating Head Content and Setting Page Properties.

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.

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.

All Web pages are written with some form of HTML (HyperText Markup Language). HTML documents are saved as Text Only files so virtually any computer can.

>> Introduction to HTML: Tags. Hyper - is the opposite of linear Text – words / sentences / paragraphs Mark-up – Marking the text Language – It is a language.

Lesson 2 Adding more content to your web page. Thanks to Richard Hudnutt, Luella HS.

CSS CSS is short for C ascading S tyle S heets. It is a new web page layout method that has been added to HTML to give web developers more control over.

Dreamweaver MX Unit B CIS 205—Web Site Design and Development.

Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic.

Basic HTML PowerPoint How Hyper Text Markup Language Works

Creating Webpage Using HTML

INTRODUCTION. What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language,

Copyright 2007, Information Builders. Slide 1 Understanding Basic HTML Amanda Regan Technical Director June, 2008.

Introduction to web development and HTML MGMT 230 LAB.

Definition CSS “Short for Cascading Style Sheets, a new feature being added to HTML that gives both Web site developers and users more control over how.

Introduction to HTML Xiangming Mu 9/23/ Learning Objectives Understand basic HTML tags and their attributes Learn to create a simple HTML page.

TABLES 1. In this chapter you will learn that tables have many uses in HTML. Objectives: Upon completing this section, you should be able to: 1. Insert.

1 Web Application Programming Presented by: Mehwish Shafiq.

Videos. Adding Videos to a Web Page Videos can make our pages more interesting and engaging. Most video-hosting services, such as YouTube, will provide.

HTML ( HYPER TEXT MARK UP LANGUAGE ). What is HTML HTML describes the content and format of web pages using tags. Ex. Title Tag: A title It’s the job.

Introducing the World Wide Web Internet- a structure made up of millions of interconnected computers whose users communicate with each other and share.

IDK0040 Võrgurakendused I harjutus 01: Introduction Deniss Kumlander.

HTML & CSS BasicsHTMLCSSQuizAnswers  The logo In this website(made of html and css Codes), you will learn some basics of How to use HTML and CSS codes.

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.

HTML Links HTML uses a hyperlink to another document on the Web.

Headings are defined with the to tags. defines the largest heading. defines the smallest heading. Note: Browsers automatically add an empty line before.

XP Review 1 New Perspectives on JavaScript, Comprehensive1 Introducing HTML and XHTML Creating Web Pages with HTML.

Web Technology (NCS-504) Prepared By Mr. Abhishek Kesharwani Assistant Professor,UCER Naini,Allahabad.

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

Basic Steps to create a Website using HTML5. Hypertext Markup Language.

HTML. HTML: What is it? – HTML stands for Hyper Text Markup Language – An HTML file is a text file containing small markup tags – The markup tags tell.

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.

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.

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.

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.

Source of website: “Text/css rel=“styles heet” This is an external style sheet link. This means that the.

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 Extra Markup CS 1150 Spring 2017.

Web Basics: HTML/CSS/JavaScript What are they?

HTML – The COMPUTING UNLOCKED GUIDE

>> Introduction to CSS

Intro to Dreamweaver Web Design Section 8-1

HTML Structure.

HTML – The COMPUTING UNLOCKED GUIDE

HyperText Markup Language

The Most Basic HTML Page

Adding Text and links to your classes in PowerSchool

Presentation transcript:

Hard to Reach HTML Mike Hanson AO, OES Web Workgroup Conference Chicago 10/27/2010

Fun Facts: a little history HTML – product of Tim Berners-Lee. First specification was presented 1991, 20 tags. Based on SGML, an internal CERN document format specification. You can look it up! y

What we’ll cover Web design elements (& where they appear) Special fields Design objects Other stuff!

Simple HTML Page Header stuff. Meta tags, CSS, JS Content

Web design elements $$HTMLFRONTMATTER (field) HTML Head Content(design object) JS Header(design object) HTML Body Content(design object) Content

Special fields $$HTMLFRONTMATTER (before head) " “ $$HTMLTagElements (inside tag This is not a complete list of special fields, only the ones that mystified me!

Design object HTML Head Content holds all your tags & references

Design object HTML Body Attributes Info added here appears inside tag * text & bgcolor are always defaults

Cure for empty Meta tags? Add fields or computed text!

JS Header Not HTML. Important to know its content will end up in the section.

Other stuff! Embedded HTML Views Avoid the 30-row server default Vastly improved formatting HTML booboos Duplicate or tags Domino generates and tags. If you code them elsewhere you will generally be creating duplicates.

And I’m spent. Questions? Mike Hanson AO,OES (202)