Zanial Mazalisa, S.Kom.,M.M

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

Working with Images and HTML
Mr. Guenther’s Hello Mr. Guenther , New Paragraphs or New Line, Generates bold text, Generates italic text, /center>Center Text Start Tag Stop Tag.
SISTEM PEREDARAN DARAH
Iframes & Images Using HTML.
Konik Himpunan titik yang perbandingan jarak
BEAUTIFUL MS-WORD SRITRUSTA SUKARIDHOTO, ST. PH.D.
SIMPLE SHOT. SHOT SIZE OBJECT IN FRAME Penempatan objek yang akan di ambil gambarnya harus memperhatikan komposisi yang benar. Misalnya.
Pemrograman Web Mohamad Syafri Tuloli. Materi Tabel.
LIMIT SEBARAN (LIMIT DISTRIBUTION) - 2
META  Tag menyediakan metadata tentang dokumen HTML. Metadata tidak akan ditampilkan pada halaman, tetapi akan dikenali mesin.
B A B IV Data Kualitatif maupun Data Kuantitatif harus disajikan dalam bentuk yang ringkas dan jelas Salah satu cara untuk meringkas data adalah dengan.
Analisis Rangkaian Sekuensi Perancangan Rangkaian Sekuensi
Add Images to Improve Your Presentation Day 8. You will learn to Understand Graphics Formats Find Graphics Create Your Own Images Insert an Image on Your.
1 IMAGES: A Picture Is Worth a Thousands Words, Image Formats Choosing an Image Format Image Sizes Bits Per Pixel Graphic Tips Image Tag Attributes Line.
1 IMAGES: A Picture Is Worth a Thousands Words, Image Formats Image Sizes Graphic Tips Image Tag Attributes Centering Images.
1 Pertemuan 17 Programming Languages for E-Business/E-commerce Matakuliah: M0284/Teknologi & Infrastruktur E-Business Tahun: 2005 Versi: >
Chapter 5 Web Graphics Styling Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.
ICT for IGCSE – Syllabus Cambridge IGCSE ® Information and Communication Technology0417 Other web pages In own website New window Same page.
Adding Images & Working with Images Unit 2. TITLE CORNELL NOTES TOPIC: NOTES: Name: Date:08/10/2009 Period : Summary: To display Art To display Photographs.
Agenda HTML Workshop Session 4 8/9/06. Stuff from Last Week  Linked and targeted anchor.
Using images with XHTML Please use speaker notes for additional information!
1 Mastering the Internet and HTML Images and Image Tags.
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.
XHTML1-1 Extensible HyperText Markup Language (XHTML) Xingquan (Hill) Zhu
HTML Comprehensive Concepts and Techniques Second Edition Project 2 Creating a Web Site with Links.
HTML, Third Edition--Illustrated Brief 1 HTML, Third Edition Illustrated Brief Unit D Adding Graphics and Multimedia.
1 Web Developer Foundations: Using XHTML Chapter 4 Key Concepts.
Chapter 4 BIE1313/BPROG1203 | Web design Prepared by Mohamed Abdulkarim / Mike Ng Ah Ngan.
Adding Images Learning Web Design: Chapter 7. Using an Image Images have many purposed on a Web site Used as a static image To add illustration: ex. A.
Copyright (c) 2004 Prentice-Hall. All rights reserved. 1 Committed to Shaping the Next Generation of IT Experts. Adding Graphical Elements Essentials for.
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.
HTML Hypertext Markup Language Text Representation.
Kevin Murphy Images and Web Pages Masters Project CS 490.
Web Page Design Mrs. Ricke. Graphics Interchange Format 256 colors only Good for icons, clipart, logos Not good for high quality pictures.
HTML CS 105. Page Structure HTML elements control the details of how a page gets displayed. Every HTML document has the following basic structure: … …
1 2/22/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: Images and placing pages on the server.
1 Start TextEdit. 2 Creating a Home Page  A home page is the main page of a Web site –Visitors usually view the home page first –Identify the purpose.
ECA 228 Internet/Intranet Design I HTML Tags. ECA 228 Internet/Intranet Design I anchor tags Adds a link to the web page Anything placed between the anchor.
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.
Images can set the tone for a site in less time than it takes to read a description. CHOOSING IMAGES FOR YOUR SITE.
HTML  HyperText Markup Language  The Language used to design web pages  Code mixed with text  Tags enclosed in angle brackets  Single tags  Paired.
Pertemuan 17 Programming Languages for E-Business/E-commerce
Images in HTML PowerPoint How images are used in HTML
CIIT-Human Computer Interaction-CSC456-Fall-2015-Mr
HTML <table> tag syntax: <table> </table>
DW Tutorial 5 Sessions 5.1 & 5.2 REVIEW
HTML Newsletters Tips and Troubleshooting Mark Branom, IT Services.
Linking With Graphics INP150: Basic HTML March 25, 2002.
JAVA Applets Pavan D.M..
Hosted by Coach Slanina
GRAPHICS(IMAGES) Explained By: Sarbjit Kaur.
HTML Images CS 1150 Spring 2017.
COMPUTING FUNDAMENTALS
Chapter 3 Images.
Creating a Web Site with Links
Graphics (Characteristics 1)
Font tag and its attributes
ИНФОРМАТИКА И РАЧУНАРСТВО Наставна тема: РАЧУНАРСКА ГРАФИКА
HTML (Hypertext Markup Language )
HTML Images CS 1150 Fall 2016.
Pertemuan 1b
Attribute of heading, <p> and <hr> tag
Attribute of heading, <p> and <hr> tag
Attribute of heading, <p> and <hr> tag
Images in HTML PowerPoint How images are used in HTML
Presentation transcript:

Zanial Mazalisa, S.Kom.,M.M

 Menampilkan gambar/image bersamaan dg teks  Format gambar XBM, GIF, JPEG, BMP, PNG dll  Alignment Image  Floating Image  Image Adjusment  Teks Alternatif untuk Image  Image sebagai suatu Link  Tag-tag ImageM

 Untuk menampilkan gambar pada dokumen HTML  Tag yang digunakan ; atau  Tag ini mempunyai atribut  Width, utk menentukan lebar gambar  Height, utk menentukan tinggi gambar  Border, utk memberi bingkai pada gambar  Hspace, utk memberi ruang kosong di kiri dan kanan gambar  Vspace, utk memberi ruang kosong di atas dan bawah gambar  Align, utk menentukan perataan gambar, tengah, kiri, kanan,atas/bawah layar  Alt, memberikan komentar bila pointer mouse berada diatas gambar

 Link dengan Gambar