More HTML Techniques Speaker : Frank.

Slides:



Advertisements
Similar presentations
1 Web Pages Week Three more tags… Sound Redirection Marquee.
Advertisements

CREATED BY : VIRAL M.KORADIYA. Anchor elements are defined by the element. The element accepts several attributes, but either the Name or HREF attribute.
Session 6: HTML 2 - Content Design J0394 – Perancangan Situs Web Program Studi Manajemen Universitas Bina Nusantara.
HTML Tags. Bolding Text Or Italics Text Or
1 Three more tags… Sound Redirection Marquee 2 S.C.U.B.A.
Creating a Web Page HyperText Markup Language. HTML Documents  Created using any text editor  Notepad  Vi, Pico, or Emacs  If using word-processor,
Phil Campbell (LSBU) Session 2 Other Common Tags IMG Finding images Tables Anchor Tags Web layouts Tables Exercise Summary of attributes.
ETT 429 Spring 2007 Web Design I.
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.
Colour & Image in HTML Wah Yan College (Hong Kong) Mr. Li C.P.
HTML Tags. Objectives Know the commonly used HTML tags Create a simple webpage using the HTML tags that will be discussed.
HTML. Goals How to use the Komodo editor HTML coding and testing – List and Images – Tables and Links – At least 2 pages and navigation –
Marquees and Standards Module 2: HTML Basics LESSON 9.
Colors, Images, & Image Maps. Working with Color Colors are defined in terms of RGB Triplet –Red, Green, Blue –0 to 255 in intensity –(00, 00, 00) is.
WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.
Enhancing Your Web Site. More Basic HTML Tags Today you will learn these tags: & add-on (alt, height, width & align) and “href” add-on Add a text link.
Copyright © 2003 Pearson Education, Inc. Slide 4-1 Created by, Stephanie Ludi, Rochester Institute of Technology—NY Basic Web Page Construction Graphics.
HTML (Hypertext Markup Language ). Hyperlinks Hyperlinks from text to other sites Write the link, which is visible at the screen Example: Hyperlink to.
Images Inserting an image on a web page. chcslonline.org2 ITEMS REQUIRED Go to the course download page on the course website and download the 3 images.
Images (1) Three most popular formats – Graphics Interchange Format (GIF) – Joint Photographic Experts Group (JPEG) – Portable Network Graphics (PNG) –
Images in HTML PowerPoint How images are used in HTML.
Lesson 2 HTML organization techniques Week 2. Respect WWW  R = responsibility: assume personal responsibility and create only ethical and appropriate.
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.
>> Introduction to HTML: Tables. HTML is used to give websites structure 5 Basic Tags Element = Start-Tag+Content+End-Tag Heading Tags [h1-h6] Paragraph.
Web Design ATBs. ATB #1 List headings and size ATB #2 Define HTML.
1 Introduction to HTML: Part 1 Outline Introduction Elements and Attributes Editing HTML Common Elements Headers Images Unordered Lists Nested and Ordered.
TA :黃俊輔 (jojoman) : Some Useful Tags tag attribute bgcolor = blue / #123784(hex value) background = url(image.jpg) link =
HTML Lesson 3 Hyper Text Markup Language. Assignment Part 2  Set the file name as “FirstName2.htm”  Set the title as “FirstName LastName First Web Site”
CITY UNIVERSITY / Vysoká Škola Manažmentu.:MG Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 2 1.Create a new document 2.Save as L/bsba/IS330/yourfolder,
Internet Applications Development Lecture 4 L. Obead Alhadreti.
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.
Web Design (8) Images (2). My Holiday Photos An exercise in adding and linking images. Create a new website folder calling it ‘My Holiday Photos’. In.
The Web Wizard’s Guide to HTML Chapter Three Colors, Patterns, and Inline Graphics.
HTML (Hyper Text Markup Language) Lecture II. Review Writing HTML files for web pages – efficient compact – fundamental. Text files with htm extension.
Images. Intro What is it? Getting your image Inserting Moving Resizing Cropping.
HTML CS 105. Page Structure HTML elements control the details of how a page gets displayed. Every HTML document has the following basic structure: … …
Slide 1 Graphics (Characteristics 1) Images have various characteristics that affect performance Size (number of pixels) – Large images can be several.
REEM ALMOTIRI Information Technology Department Majmaah University.
Links and Images. Links HTML uses a hyperlink to link to another document on the Web A hyperlink can be either text or a picture Links are created with.
Hyperlink ● Anchor tag and its attributes ● Four Types of URL ─ ─ Absolute addressing ─ Relative addressing ─ Intrapage ● Attributes -- link, vlink,
1999, COMPUTER SCIENCE, BUU Introduction to HTML Seree Chinodom
Revision Webpage design HTML.   FACE  Attributes  Marquee  Define the following terms.
ENHANCE YOUR WEBSITE. HOW TO INSERT COLOR??? USE THE TAG: GO TO PICK COLOR WANT BY POINTING: THEN USE THE HEX NUMBER.
HTML for web designing short course. What is an HTML File? HTML stands for Hyper Text Markup Language An HTML file must have an htm or html file extension.
HTML Help book. HTML HTML is the programming language used to make web pages for the Internet. HTML stands for Hyper Text Markup Language. HTML is made.
Introduction to HTML 4.0 Getting Started – Links, Images, Font, and List Teacher: Mr. Ho.
Images were sourced from the following web sites: Slide 2:commons.wikimedia.org/wiki/File:BorromeanRing...commons.wikimedia.org/wiki/File:BorromeanRing...
HTML  HyperText Markup Language  The Language used to design web pages  Code mixed with text  Tags enclosed in angle brackets  Single tags  Paired.
HTML.
Three more tags… Sound Redirection Marquee 1.
Section 4.1 Section 4.2 Format HTML tags Identify HTML guidelines
Images in HTML PowerPoint How images are used in HTML
HTML <table> tag syntax: <table> </table>
Hyperlink Anchor tag and its attributes Four Types of URL
Web Design and Development
Adding Images to Your Web Page
Hyperlink Anchor tag and its attributes Four Types of Hyperlink
Images & Hyperlinks.
Font tag and its attributes
More HTML Techniques Speaker : Frank.
Basic HTML and Embed Codes
Hyperlink Anchor tag and its attributes Four Types of URL
Pertemuan 1b
Attribute of heading, <p> and <hr> tag
Attribute of heading, <p> and <hr> tag
Marquees and Standards
Task: Have a look at these websites:
Attribute of heading, <p> and <hr> tag
Images in HTML PowerPoint How images are used in HTML
Presentation transcript:

More HTML Techniques Speaker : Frank

Outline More tags, more power Body tag Marquee tag IMG tag Hyperlink tag And more…

Body tag Page Color <body bgcolor=# text=# link=# alink=# vlink=#> Background Image <body background="URL"> Non Scrolling Background <body background="URL" bgproperties=FIXED>

Marquee tag Marquee <marquee>...</marquee> Direction <direction=#> #=left, right Behavior <bihavior=#> #=scroll, slide, alternate Scroll Amount <scrollamount=#>

Image tag Image basic <img src=#> #=Image URL Alternate Text <img alt=#> Image Size <img width=# height=#> #=value Border Line <img border=#> #=value

Hyperlink Tag Link Basic <a href="URL"> ... </a> Target Windows <a href="URL" target="Window_Name"> ... </a> Jump to part of a page <a href="#name"> ... </a> <a name="name"> ... </a>

My WEB sites Other’s WEB index.html computer.html journal.html

What’s Next HTML is not suitable for everyone Hard to learn and hard to imagine We need WYSIWYG tools FrontPage FrontPage Express Dream Weaver Namo WebEditor