Computer Science 1611 Internet & Web Creating Webpages with Style Hypertext and the HTML Markup Language (continued)

Slides:

Advertisements

Similar presentations

Working with Images and HTML

Advertisements

HTML and CSS. HTML Hyper Text Markup Language Tells browser how to display text and images.

CREATED BY : VIRAL M.KORADIYA. Anchor elements are defined by the element. The element accepts several attributes, but either the Name or HREF attribute.

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

Internet Applications Development Lecture 3 L. Obead Alhadreti.

INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE 1. Outline  Introduction  Markup Languages  Editing HTML  Common Tags  Headers  Text Styling  Linking.

OMT II Mam Saima Gul. * Static web page * a web page with contents that remain fixed and unchanged once it has been created by the author Web server Client.

Cascading Style Sheets. CSS stands for Cascading Style Sheets and is a simple styling language which allows attaching style to HTML elements. CSS is a.

กระบวนวิชา CSS. What is CSS? CSS stands for Cascading Style Sheets Styles define how to display HTML elements Styles were added to HTML 4.0 to.

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.

Basic HTML. HTML Background November 1990, first created by Tim Berners Lee, the father/inventor of WWW Knighted by Queen Victoria in 2004 Hypertext is.

Introducing Web Tables

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 WEB DEVELOPMENT AND HTML Lecture 06: Tables - Spring 2011.

HTML Tags. Objectives Know the commonly used HTML tags Create a simple webpage using the HTML tags that will be discussed.

Chapter 3 Adding Images in HTML. Agenda Understanding Web Page Images Prepare Your Images for the Web Insert an Image Specify an Image Size Add Alternative.

1 HTML/CSS Tutorial. 2 Definitions WWW -- a software infrastructure layered on top of the Internet HTTP -- HyperText Transport Protocol, layered on top.

CS105 Introduction to Computer Concepts HTML

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.

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 4: Hypertext Markup Language Primer TECH Prof. Jeff Cheng.

Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Introduction to Computers CS Dr. Zhizhang Shen Chapter 4: Talking.

McGraw-Hill/Irwin Copyright © 2013 by The McGraw-Hill Companies, Inc. All rights reserved. Extended Learning Module F Building a Web Page with HTML.

1 CSC 121 Computers and Scientific Thinking David Reed Creighton University HTML and Web Pages.

Basic HTML Workshop By: Preeda Chunjongkolkul (Pete) Systems Librarian/Webmaster

DHTML AND JAVASCRIPT Genetic Computer School LESSON 2 HTML TAGS G H E F.

Unit 1 Changing the Appearance of Text. TITLE CORNELL NOTES TOPIC: NOTES: Summary: HTML Hypertext Markup Language 1 st and last tag on a page Tags Tags.

Chapter 6 An Introduction to HTML Pages Tag Nesting You can put two tags together to combine the effects Bold and underlined But make sure.

15.2 More Basic HTML. More Basic HTML Add spacing (single & double space) Save Refresh Add horizontal rule Add comments Add styles Add headings Add features.

Web Programming Basics of HTML. HTML stands for Hyper Text Mark-up Language A mark-up language is different than those that you have learned before in.

Just Enough HTML How to Create Basic HTML Documents.

CS105 INTRODUCTION TO COMPUTER CONCEPTS HTML Instructor: Cuong (Charlie) Pham.

Chapter 4 BIE1313/BPROG1203 | Web design Prepared by Mohamed Abdulkarim / Mike Ng Ah Ngan.

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.

CPSC 203 Introduction to Computers Lab 33 By Jie Gao.

Chapter 2 Web Page Design Mr. Gironda. Elements of a Web Page These are things that most web pages use.

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”

Tables Web Authoring. This kind of a table THISIs aTABLE THISIs aTABLE THISIs aTABLE THISIs aTABLE.

CIS234A- Lecture 7 Instructor Greg D’Andrea. Tables A table can be displayed on a Web page either in a text or graphical format. A text table: – contains.

CIS234A Lecture 8 Instructor Greg D’Andrea. Review Text Table contains only text, evenly spaced on the Web page in rows and columns uses only standard.

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.

Colors & Fonts Building a Website Lesson 7. Font Font The tag specifies the font face, font size, and color of text. The tag can have any or all of these.

The Teacher Computing HTML HyperText Markup Language.

HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.

1 Chapter 04: Working with Table By Tharith Sriv.

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 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.

Basic HTML Programming Technology Education Ellsworth Community Middle School Communication Systems.

REEM ALMOTIRI Information Technology Department Majmaah University.

HTML – The Basics Rebecca Shillingburg

HTML HTML stands for Hyper Text Markup Language. HTML is used in making the base of a Website You can just use an online website maker like weebly.com.

1 HTML. 2 Full forms WWW – world Wide Web HTTP – Hyper Text Transfer Protocol HTML – Hyper Text Markup Language.

1 Foundation of HTML Web Page Design. 2 Safe Web Fonts: Used by most computers regardless of environment or platform  Times New Roman  Arial  Courier.

Revision Webpage design HTML.   FACE  Attributes  Marquee  Define the following terms.

Introduction to HTML Hypertext Mark-up Language. HTML HTML = Hypertext Mark-up Language Is just plain simple text marked up by “tags” You can create a.

1 R3 R1 R5 R4 R6 R2 B B A A Looking at the Code Under the View menu Select Source.

Create Your Own Web Page: An Introduction to HTML Instructor: Corey Johnson Assisted by: tba.

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.

Web Page Design Mr. Gironda

Survey of Computer Science CSCI 110, Spring 2011 Lecture 23 HTML

Web Page Design Mr. Wilson

Font tag and its attributes

Computers and Scientific Thinking David Reed, Creighton University

If You Know Nothing About HTML, This is Where You Start.

HTML (Hypertext Markup Language )

Presentation transcript:

Computer Science 1611 Internet & Web Creating Webpages with Style Hypertext and the HTML Markup Language (continued)

Computer Science 1611 Internet & Web Features for discussion Font features –Color : color of the text –Face : set the typestyle for text –S i z e : size of the font –Alignment Image features –Height, width –Alignment of text –Alternate text Tables

Computer Science 1611 Internet & Web Font features Color : color of the text All this will display as Red All this will display as Blue or will set the background color of the “body” to blue Face : set the typestyle for text This will display as Arial S i z e : size of the font All this will be tiny font All this will be larger font

Computer Science 1611 Internet & Web More Font features Alignment means break to the next line means no break, and will not let your text break(this causes the reader to have to scroll to the right) paragraph text goes here means break two lines for a new paragraph text to be centered results in text to be centered

Computer Science 1611 Internet & Web Align Tag We can also align the text in a “container” to the left, center or middle using a simple attribute of the –heading tag –paragraph tag To do this we use the following attributes within these tags. –align="center" –align="left" –align="right" Because the alignment is an attribute of a tag, aligns must go inside the main tag they intend to align.

Computer Science 1611 Internet & Web html images In HTML, images are defined with the tag. The tag is empty, which means that it contains attributes only and it has no closing tag. You can use an image as the background for the body

Computer Science 1611 Internet & Web image attributes Attributes which can be assigned to an image include height - the height of the image width - the width of the image align - the horizontal alignment of the image top aligns the text with the top of the picture bottom aligns text with bottom of picture middle aligns the text with the middle of the image right aligns image at right margin-text will wrap on the left side of it left aligns picture at the left margin- text will wrap on the right of it hspace - the amount of space you want on the sides your picture in pixels vspace - the amount of space you want on the top and bottom (pixels)