Chinese Building. Today’s Topic Review last lab Links.

Slides:

Advertisements

Similar presentations

Introduction to Web Design Lecture number:. Todays Aim: Introduction to Web-designing and how its done. Modelling websites in HTML.

Advertisements

HTML Basics Customizing your site using the basics of HTML.

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.

Chapter 2 HTML Basics Key Concepts

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

In this lecture, you will learn: ❑ How to link between pages of your site ❑ How to link to other sites ❑ How to structure the folders on your web site.

Chapter 4 Marking Up With Html: A Hypertext Markup Language Primer.

1 Outline 9.1Introduction 9.2Markup Languages 9.3Editing HTML 9.4Common Tags 9.5Headers 9.6Text Styling 9.7Linking 9.8Images 9.9Formatting Text With 9.10Special.

 2001 Deitel & Associates, Inc. All rights reserved. 1 Outline 9.1Introduction 9.2Markup Languages 9.3Editing HTML 9.4Common Tags 9.5Headers 9.6Text Styling.

1 HTML Markup language – coded text is converted into formatted text by a web browser. Big chart on pg. 16—39. Tags usually come in pairs like – data Some.

1 XHTML continued Use the anchor tag to link from page to pageUse the anchor tag to link from page to page Create absolute and relative linksCreate absolute.

 2008 Pearson Education, Inc. All rights reserved. 1 Introduction to HTML.

Marking Up With Html: A Hypertext Markup Language Primer

Computer Science 103 Chapter 2 HyperText Markup Language (HTML)

ETT 429 Spring 2007 Web Design I.

Lecture 13. A Very Brief Introduction to HTML and XHTML, part II Instructor: Jie Yang Department of Computer Science University of Massachusetts Lowell.

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

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.

CPSC 203 Introduction to Computers Lab 33 By Jie Gao.

ICT for IGCSE – Syllabus Cambridge IGCSE ® Information and Communication Technology0417 Other web pages In own website New window Same page.

Chapter 4 Fluency with Information Technology L. Snyder Marking Up With HTML: A Hypertext Markup Language Primer.

Links in HTML. Hyperlinks or links Millions of linked web pages make up the World Wide Web Used to connect a web page to another web page on the same.

Basic HTML Hyper text markup Language. Re-cap  … - The tag tells the browser that this is an HTML document The html element is the outermost element.

Review: How do you change the border color of an image?

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.

1 Essential HTML coding By Fadi Safieddine (Week 2)

Informatics Computer School CS114 Web Publishing HTML Lesson 2.

Agenda Links External and Internet Links Anchor Tag Text Hyperlinks Image Hyperlinks Images Image Attributes: src, alt, width, height, align, border.

Adding Hyperlinks To a Web Page. Hyperlink and Its Add-Ons Main way to connect web pages and move throughout a web site. Uses the Anchor Tag which is.

Dr. Nuha El-KhaliliInternet Programming ( ) HTML Hyper Text Markup Language The language of web pages Maintained by the W3C

HTML Overview Part 4 – Tables 1. HTML Tables  Tables are defined with the tag pair.  A table is divided into rows with tag pairs. o tr stands for "table.

CHAPTER 3 USING HYPERLINKS TO CONNECT CONTENT. LEARNING OBJECTIVES How to use the and anchor tag pair to create a text-based hyperlink. How to use the.

Objectives: 1. Create a Skeleton HTML 2. View a Skeleton File Through a Server and Browser 3. Learn HTML Body Tags for the Display of Text and Graphics.

Chapter 2 HTML Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.

OBJECTIVES  What is HTML  What tools are needed  Creating a Web drive on campus (done only once)  HTML file layout  Some HTML tags  Creating and.

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.

Getting Started with HTML Please use speaker notes for additional information!

 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.

1.  Use the anchor element to link from page to page  Configure absolute, relative, and hyperlinks  Configure relative hyperlinks to web pages.

1 Web Developer Foundations: Using XHTML Chapter 3 XHTML Hyperlinks and Tables.

1 Web Developer & Design Foundations with XHTML Chapter 3 Key Concepts.

Enhancing Your Web Site—Adding Links Web Page **YOU MUST HAVE COMPLETED THE 1ST 3 WEB PAGES BEFORE YOU CAN DO THIS ONE. **YOU SHOULD HAVE COMPLETED THE.

CPSC 203 Introduction to Computers Lab 33 By Jie Gao.

XHTML Hyperlinks. Creating Links to Other Web Pages A link, or hyperlink, is a specially formatted Web page object that the user can click to open a different.

Creating Links. The Anchor Element: The anchor tag can be used in three different ways: 1.External link – to link to a web page outside your own website.

HTML 58.51A LINKING & LISTS Linking to local files name of destination.... anchor tag HREF attribute. This attribute identifies the location of the link.

XP 1 HTML Tutorial 2: Developing a Basic Web Site.

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.

HTML (Hyper Text Markup Language) Lecture II. Review Writing HTML files for web pages – efficient compact – fundamental. Text files with htm extension.

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

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

HTML CS 105. Page Structure HTML elements control the details of how a page gets displayed. Every HTML document has the following basic structure: … …

Hyperlink ● Anchor tag and its attributes ● Four Types of URL ─ ─ Absolute addressing ─ Relative addressing ─ Intrapage ● Attributes -- link, vlink,

CHAPTER TWO HTML TAGS. 1.Basic HTML Tags 1.1 HTML: Hypertext Markup Language  HTML stands for Hypertext Markup Language.  It is the markup language.

`. Lecture Overview HTML Body Elements Linking techniques HyperText references Linking images Linking to locations on a page Linking to a fragment on.

Click on CIS120/17 to go to website for course. The week of will tell you what is planned for the week and what has been assigned.

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

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 And the Internet. HTML and the Internet ► HTML: HyperText Markup Language  Language in which all pages on the web are written  Not Really a Programming.

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

Hyperlinks Links for Other Pages. Hyperlink (aka Link) Text (or image) user can click Takes user to different location In general, location can be: On.

Marking Up with XHTML Tags describe how a web page should look

Introduction to XHTML.

Enhancing Your Web Site—Adding Links Web Page

Introduction to HTML.

HTML Links CS 1150 Fall 2016.

Presentation transcript:

Chinese Building

Today’s Topic Review last lab Links

Skeleton of a html page

Attributes supplement information an elements (tags) give to the browser -- tags tell browsers what to do -- attributes tell browsers how to do

horizon line ’s attributes (1) size (2) width (3) align

Formatting Text(1) Headers six levers … ….. …

Font --Formatting Text(2) The tag uses following attributes: –Size: can be relative (+2, -2,etc..) or absolute (1-5) –Color: for now you can make this red, blue, etc... Born: November 16, 42 BC

Control Size? Absolute size (1.. 7) …

Changing the actual Font? In that case use the face attribute Navigating the Internet

Background Color The bgcolor of the tag a summary is at plaza.ufl.edu/yuyang/lab4/bgcolor.htm

tag Causes enclosed block to be centered ……

Links Relative –Links to things on your website Absolute –Links to things not on your website Others –Things like links

Absolute Links These are the complete urls that you see in a browser address bar. Specify the absolute location of a website or a page Ex.

Relative Links Relative to what? –Relative to our current page, could be just a filename myimage.jpg –Or a directory and filename pictures/myimage.jpg –Relative to our site /myimage.jpg

Mail Link This works somewhat like a absolute link …

More about mailto link Send mail!

How do we put it on our page The Anchor tag –Has a attribute href which value is our link –Inside the Anchor block we put the text or image that we want to click. Yahoo Lab 1

Open a link in a new browser window My page

Link to a location on the same page Pagemark (bookmark) #mymark Define: … Usage: …

Link to named anchor in other pages In page one, page1.html, we have Here are … In page two, we can write ….

Assignment