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

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 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.
Intro to HTML. HTML HTML = HyperText Markup Language Used to define the content of a webpage HTML is made up of tags and attributes Content.
Learning HTML. > Title of page This is my first homepage. Tells Browser This is an HTML page Basic Tags Tells Browser End of HTML page Header information.
CREATED BY : VIRAL M.KORADIYA. Anchor elements are defined by the element. The element accepts several attributes, but either the Name or HREF attribute.
HTML popo.
Teppo Räisänen LIIKE/OAMK 2010
INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE 1. Outline  Introduction  Markup Languages  Editing HTML  Common Tags  Headers  Text Styling  Linking.
Designing for Use CS 105. Building Blocks of the Web HTML –The language of the web. Every web developer should have a basic understanding of it. XHTML.
Creating a Web Page HyperText Markup Language. HTML Documents  Created using any text editor  Notepad  Vi, Pico, or Emacs  If using word-processor,
Computer Science 103 Chapter 2 HyperText Markup Language (HTML)
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.
Identifies the Structure Table Row Column 1 Table Heading Column 2.
CS105 Introduction to Computer Concepts HTML
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)
Dr. Nuha El-KhaliliInternet Programming ( ) HTML Hyper Text Markup Language The language of web pages Maintained by the W3C
Chapter 4: Hypertext Markup Language Primer TECH Prof. Jeff Cheng.
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.
Understanding HTML Code
 HTML stands for Hyper Text Mark-up Language. The coding language used to create documents for the World Wide Web  HTML is composed of tags. HTML tags.
Images in HTML PowerPoint How images are used in 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
1 HTML محمد احمدی نیا 2 Of 43 What is HTML?  HTML stands for Hyper Text Markup Language  HTML is not a programming language, it.
>> 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.
HTML: Tables & Frames Internet Technology1. HTML: Tables Table tags ► surround the entire table ► header row (text is boldfaced) ► surround each row ►
Introduction to HTML. What is a HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup tags  The.
Linking web pages Wah Yan College (Hong Kong) Mr. Li C.P.
Just Enough HTML How to Create Basic HTML Documents.
CS105 INTRODUCTION TO COMPUTER CONCEPTS HTML Instructor: Cuong (Charlie) Pham.
HTML: Tables & Frames Internet Technology.
Ali Alshowaish. What is HTML? HTML stands for Hyper Text Markup Language Specifically created to make World Wide Web pages Web authoring software language.
Introduction to HTML Xiangming Mu 9/23/ Learning Objectives Understand basic HTML tags and their attributes Learn to create a simple HTML page.
Chapter 2 Web Page Design Mr. Gironda. Elements of a Web Page These are things that most web pages use.
HTML Concepts and Techniques Fourth Edition Project 5 Creating an Image Map.
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.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
1 Chapter 04: Working with Table By Tharith Sriv.
1 Creating the Home Page. 2 Creating a Table Table attributes  Two rows and two columns  No border  Left-aligned Change the vertical alignment of the.
Building a Web Page. Create A New Folder  Right click on the desktop and select New / Folder  Name the folder playpen.
Basic HTML Programming Technology Education Ellsworth Community Middle School Communication Systems.
What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup.
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.
REEM ALMOTIRI Information Technology Department Majmaah University.
HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.
1 HTML. 2 Full forms WWW – world Wide Web HTTP – Hyper Text Transfer Protocol HTML – Hyper Text Markup Language.
Project 02 Creating and Editing a Web Page Concept Map of Unit Creating and Editing a Web Page Key Learning Understand the elements to create a web page.
Revision Webpage design HTML.   FACE  Attributes  Marquee  Define the following terms.
HTML AN INTRODUCTION TO WEB PAGE PROGRAMMING. INTRODUCTION TO HTML With HTML you can create your own Web site. HTML stands for Hyper Text Markup Language.
1 Mansoor Ahmed Bughio. 2 HTML TABLES With HTML you can create tables. Examples Tables This example demonstrates how to create tables in an HTML document.
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.
HTML Comprehensive Concepts and Techniques Second Edition Creating Frames on a Web Page.
HTML  HyperText Markup Language  The Language used to design web pages  Code mixed with text  Tags enclosed in angle brackets  Single tags  Paired.
Introduction to HTML.
HTML Basics.
>> HTML: Tables.
COMPUTING FUNDAMENTALS
Font tag and its attributes
Web Design and Development
Project 5 Creating an Image Map.
Pertemuan 1b
Attribute of heading, <p> and <hr> tag
Attribute of heading, <p> and <hr> tag
Html.
Attribute of heading, <p> and <hr> tag
Presentation transcript:

HTML CS 105

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

Try HTML Open Notepad or Wordpad Type: Title of Page This is my first homepage. This text is bold Save the file as “myPage.htm” Close the Notepad and find the file from local drive, you can see this file has the webpage icon, double click the file and see it through Internet Explorer.

HTML Links HTML uses the (anchor) tag to create a link to another document –An anchor can point to any resource on the Web: an HTML page, an image, a sound file, a movie, etc. –The href attribute is used to address the document to link to Ex. Go Use the target attribute, you can define where the linked document will be opened in a new browser window. – Go (new page)

HTML Tables In HTML, tables are defined with the tag. A table is divided into rows (with the tag>, and each row is divided into data cells (with the tag). The letters td stands for “table data” which is the content of a data cell. A data cell can contain text, images, lists, paragraphs, forms, horizontal rules, tables, etc.

HTML Background The tag has two attributes where you can specify backgrounds. The background can be a color or an image. The bgcolor attribute sets the background to a color. The value of this attribute can be a hexadecimal number, an RGB value, or a color name. – –<body bgcolor=“rgb(0, 0, 0)” –

Tables and Border If you do not specify a border attribute, the table will be displayed without any borders To display the table with borders, you will have to use the border attribute –Ex.

HTML Images An image element doesn’t contain anything and has no close tag. <IMG SRC = “ Some URL” (Required) Where the image is. ALIGN = LEFT, RIGHT, or CENTER How to align it on the page. WIDTH = n Scale the image to n pixels wide. HEIGHT = n Scale the image to n pixels high. HSPACE = n Total space around the image horizontally. VSPACE = n Total space around the image vertically. ALT = “some text”>