Mr. Guenther’s Hello Mr. Guenther , New Paragraphs or New Line, Generates bold text, Generates italic text, /center>Center Text Start Tag Stop Tag.

Slides:



Advertisements
Similar presentations
HTML Basics Customizing your site using the basics of HTML.
Advertisements

Basic Principles for Web Design Source:
HTML and CSS. HTML Hyper Text Markup Language Tells browser how to display text and images.
HTML popo.
1 Lesson 5. 2 R3 R1 R5 R4 R6 R2 B B A A
HTML: HyperText Markup Language Hello World Welcome to the world!
HTML popo.
/k/k 1212 Cascading Style Sheets Part one Marko Boon
1 تقنيات الانترنت عال457 HTML. 2 HTML  HTML – HyperText Markup Language – The Language of Web Pages on the World Wide Web. HTML is a text formatting.
Creating Pages in XHTML
How Tags are used to form your Web Page
HTML Tags. Bolding Text Or Italics Text Or
HTML for Beginners An IEEE/ACM Presentation given by Hamilton Turner.
Structure and formatting HTML pages Helen Treharne Department of Computing.
HTML Programming last updated 9/12/05 at 1:30pm HyperText Markup Language Reference: – HTML BasicsHTML Basics An HTML program is a set of paired tags that.
Computer Science 1611 Internet & Web Creating Webpages with Style Hypertext and the HTML Markup Language (continued)
Introduction to HTML II Shih-Heng Chin. Preface Structure of a HTML File Elements used frequently Tables.
HTML Code. What we will cover Basic HTML Body Font Images Hyperlinks Tables Frames.
HTML. Goals How to use the Komodo editor HTML coding and testing Basic HTML tags List and Images Tables and Links At least 2 pages and navigation
HTML. Creating a Table Attributes: border: indicates the border type of the table Value: 0 (no border), 1, 2, etc. cols: indicates the number of columns.
Images and Tables. Displaying Image Attributes: SRC= " mypic.gif " – Name of the picture file SRC= " pic/mygif.jpg " – Name of file found in pic directory.
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.
FINAL EXAM REVIEW WEB TECH. JUST CLICK… THE CORRECT ANSWER WILL APPEAR WHEN YOU CLICK. GOOD LUCK!
Creating Content That Looks Great Justin Prevatte (AAMFT & themelogic)
HTML basics exercises.
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.
Creating a Web portal: Part II HyperText Markup Language (HTML) Bair-Mundy.
Learning HTML. HTML Attributes HTML elements can have attributes Attributes provide additional information about an element Class – specifies a class.
.  Entertain  Inform  Educate  Blogs  Sell  Date  Gamble  Religion.
ACM 511 HTML Week -1 ACM 511 Course Notes. Books ACM 511 Course Notes.
1 Essential HTML coding By Fadi Safieddine (Week 2)
Understanding HTML Code
Images in HTML PowerPoint How images are used in HTML.
1 Basic HTML. 2 Part 1: Basic Web Page Production.
1 CSC 121 Computers and Scientific Thinking David Reed Creighton University HTML and Web Pages.
Exploring Office 2003 – Grauer and Barber Enhancing the Web Page Chapter 3 BCIS 1405 Session 15.
HTML CRASH COURSE. What is HTML?  Hyper Text Markup Language  The language used to make web pages  Written by using tags.
Just Enough HTML How to Create Basic HTML Documents.
Last week you should have had something that looked like this.
Introduction HTML (Hypertext Markup Language) is used to create document on the World Wide Web. HTML is not a programming language, it is a markup language.
HTML tags Some popular ones. Paragraph: separated by a single line of white space Line break NOTE: no end tag is used for this tag Headlines ( through.
Georgia Institute of Technology Making Text for the Web Barb Ericson Georgia Institute of Technology March 2006.
HTML for ISD Brown Bag Presentation Session 2 What we will cover:  Basics of HTML  How to make your first page  Links  Text formatting.
HTML. Adding Background Color The bgcolor attribute lets you change the background color of the Web page. Located in the body tag See common Web Page.
HTML (Hyper Text Markup Language) Lecture II. Review Writing HTML files for web pages – efficient compact – fundamental. Text files with htm extension.
AGB 3/26/121 ++=. 2 Yes, believe it or not this is a complete webpage. It has a Head, Title and Body between the start and end HTML Tag.
Introduction to HTML. _______________________________________________________________________________________________________________ 2 Outline Key issues.
Marquees and Tables. Tags Fun Stuff Here! Creates text that scrolls from right to left! Animated text. This is a great tag but does not work on every.
Spiderman ©Marvel Comics Creating Web Pages (part 1)
HTML CS 105. Page Structure HTML elements control the details of how a page gets displayed. Every HTML document has the following basic structure: … …
Web Page Tables GMU-Teaching with Technology. Table Characteristics: Looks like a news page Contains columns and rows.
Introduction to Web Authoring Ellen Cushman /wra210.htm Class mtg. #2.
This shows a table with two rows. In each row there are two cells. I have put borders around them. Note I did not use th.
1 HTML. 2 Full forms WWW – world Wide Web HTTP – Hyper Text Transfer Protocol HTML – Hyper Text Markup Language.
Chapter 1: Intro to HTML Section 1: HTML Structure Presentation Section 2: Layout of an HTML File Section 3: Working with Lists & Tables Section 4: HTML.
1 R3 R1 R5 R4 R6 R2 B B A A Looking at the Code Under the View menu Select Source.
Introduction to HTML 4.0 Getting Started – Links, Images, Font, and List Teacher: Mr. Ho.
Introduction to Web Authoring Bill Hart-Davidson AIM: billhd30 Session 2
HTML Hyper Text Markup Language. What is HTML HTML stands for the Hyper Text Markup Language. HTML stands for the Hyper Text Markup Language. HTML is.
HTML  HyperText Markup Language  The Language used to design web pages  Code mixed with text  Tags enclosed in angle brackets  Single tags  Paired.
HTML basics
Survey of Computer Science CSCI 110, Spring 2011 Lecture 23 HTML
Images in HTML PowerPoint How images are used in HTML
From now on you are the Creator,
Web Authoring Task 1– Create Style Sheet List – LI { Table Body
Style Sheet Create a new CSS called Cameras.CSS TD Web Authoring
First line of text goes here
Font tag and its attributes
Pertemuan 1b
Images in HTML PowerPoint How images are used in HTML
Presentation transcript:

Mr. Guenther’s Hello Mr. Guenther

, New Paragraphs or New Line, Generates bold text, Generates italic text, /center>Center Text Start Tag Stop Tag

, Heading 1 : Heading 6, Open and close a font designation Example: Font will be italicized Font will be bolded “Your Name here” Face is the name of the font Color is a Hexadecimal number; numbers are 0 -9 and ABCDEF Size is -1, -2, -3, 1, 2, 3, 4, 5, 6, 7,+1, +2, +3, +4 Start Tag Stop Tag

Image tag src=“location of the file and its name (limited to.png,.jpg,.bmp)” width=“how wide is the picture” height=“how high is the picture” alt=“name of the picture” border=“size of the black/blue line around the picture”

table row table data Tables are arranged in a row with all the data for that row another row and the row’s associated data and so on………………… It looks like this

A basic Table

my table A more complicated Table

Tables are great for presenting data or information in a neat and organized way!

Layer are the same as transparent sheets of plastic with an opaque object on the sheet!

This is the world!

<div id="layer1" style="position:absolute; left:?px; top:?px; width:?px; height:?px; z-index:1"> Layers

Everything that goes on the layer

Item in a list Item in a list Item in a list Item in a list Item in a list Item in a list Lists …………………