Introduction to Computer Science (I1100) Internet. Chapter 7

Size: px
Start display at page:

Download "Introduction to Computer Science (I1100) Internet. Chapter 7"

Transcription

1 Internet Chapter 7 606

2 HTML 607

3 HTML Hypertext Markup Language (HTML) is a language for creating web pages. A web page is made up of two parts: the head and the body. The head is the first part of a web page. The head contains the title of the page and other parameters that the browser will use. The actual contents of a page are in the body, which includes the text and the tags. Whereas the text is the actual information contained in a page, the tags define the appearance of the document. 608

4 HTML Creating an HTML file is easy: First, create a folder on your desktop to keep everything organized. Call it whatever you would like. Open a standard text editor (Notepad for Windows). Save the file to the folder you created and name it MyFirstWebPage.html, or whatever you want to call it as long as it ends with.html 609

5 610

6 Basic structure of HTML documents 611

7 HTML Headers HTML headers are where your web page information is stored. The content inside of head tags will not be seen as content on your page. Things like page title, Meta data, CSS, and Javascript go here. 612

8 HTML Headers Page title The title tag is located with-in the head tags. The title is very important for a web page. Page titles show at the top of the web browser. <title>title of your page</title> Content of the page 613

9 HTML text All text that you want to appear on your web page will go inside of the body tags. 614

10 HTML text Spacing words In an HTML document, spacing text only allows up to one space between words. It doesn't matter how many times you hit the space bar in an HTML document, it will always only display as one space. <title>title of your page</title> Word 1 Word 2 615

11 HTML text New lines To bring text down to the next line requires the br tag (<br> </br> <br />). The br tag stands for "break" or "line break". <title>title of your page</title> This is the first line of text. <br> This is the second line of text. 616

12 HTML text Common text tags In older browsers and older versions of HTML the font tag could be used to style text. In newer versions of HTML the font tag has been removed. Text is now styled with CSS. <title>title of your page</title> <strong>bold text here</strong><br> <em>italics text</em><br> <u>underlined text</u> 617

13 HTML Heading text Heading text, or the H tag, is used to create large bold text. The H tag has 6 different options. <title>title of your page</title> <h1>the biggest heading</h1> <h2>a little smaller</h2> <h3>even smaller</h3> <h4>smaller yet</h4> <h5>almost the smallest</h5> <h6>the smallest heading</h6> 618

14 HTML Paragraphs Generally, paragraph tags follow the H (Heading) tags. <p>this is our first paragraph</p> <p>this is our second paragraph</p> <p>this is our last paragraph</p> As with the heading tags, each new paragraph will be below the previous paragraph. Paragraphs have default margins and paddings that keep them well separated from each other allowing content on the page to be spaced and easier to read. Anything following the closing P tag will be positioned below. 619

15 HTML Paragraphs To have a neat and organized page, use headings and paragraphs together. Heading text will be the bold text and the paragraph will be the descriptive text below. <title>title of your page</title> <h1>hello, Welcome to my first website</h1> <p>thank you for visiting my website. This is a little bit of content that relates to my heading above!</p> 620

16 HTML links HTML links "hyperlinks" are used to redirect users to either parts of the page or new pages. There are 2 types of links, page anchors and external links. 621

17 HTML links Page anchors Page anchors are used to scroll users to certain parts of the page when they click a link. Say a user is scrolled to the bottom of the page, and you want them to have a quick way back to the top without having to scroll. This is where page anchors come in hand. <title>title of your page</title> <a id="top">top of the page</a> <br><br><br><br><br><br><br> <a href="#top">go to the top of the page</a> 622

18 HTML links Linking to other pages Hyperlinks are used to direct users to other pages on the website, or to other websites. The above code creates a link to Google. It is important when creating hyperlinks to put the full URL to the page you are linking to beginning with The HREF attribute will be the destination of the link when clicked. <title>title of your page</title> <a href=" Go to google</a> 623

19 HTML links Opening hyperlinks in new windows Most of the time as a website owner, you want users to stay on your website. So when linking to other websites you might want to open the links in new windows to keep users from leaving your site. This is done with the target attribute. <title>title of your page</title> <a href=" target="_blank" >Go to google</a> 624

20 HTML links HTML adding images Images are an important part in building websites. Images are very simple and can also be used as links. <img /> src="location of the image" title="text displayed when the pointer is hovered over the image" The IMG tag is used to add images on your page. The SRC or "search" attribute tells the code where to locate the image to be displayed. The TITLE attribute is used to display text when a user hovers their mouse over the image. 625

21 HTML links HTML adding images <title>title of your page</title> <img src="pics/mypicture.png" title="upcoming episode of Quantico" /> 626

22 HTML links Using an image as a link Say you want to have button images that link to other pages on your website. You can wrap an image tag with a link tag to do this. By default, images wrapped in links will have un ugly blue border around them, we get rid of that by telling the image to have a border of 0. <title>title of your page</title> <a href=" <img src="pics/mypicture.png" title="upcoming episode of Quantico" border="0" /> </a> 627

23 HTML Tables Tables are very important in web design. They are used to hold pieces of the page together and allow you to position different elements on the page. They can also be used to store large amounts of organized information. 628

24 Creating basic tables <title>title of your page</title> <table width="400" cellpadding="1" cellspacing="1" border="1"> <tr> <td>first column, First row</td> <td>second column, First row</td> </tr> <tr> <td>first column, Second row</td> <td>second column, Second row</td> </tr> </table> In this part of the tutorial, you will learn to create a very basic table. The table will have 2 rows with 2 columns in each row. This code creates a table that is 400 pixels wide. The table has 1 pixel padding in each cell, and 1 pixel of spacing between cells to keep the table content from looking cluttered. Thetablealsohasa1pixelborder. 629

25 Creating basic tables TR explained Each TR tag in a table stands for "table row". Inside of TR tags is where you will place the table columns for that row with TD tags. Each new row in a table must have separate TR opening and closing tags. 630

26 Creating basic tables TD explained Inside of each TR opening and closing tag you will place the TD or "table column" tags. Inside of TD tags is where you will have the content that is displayed inside of that column. you can put as many table columns in a row as you would like. Each TD can have its own width and height attributes. 631

27 HTML Table with a Rowspan Rowspans are used to create table columns that expand through rows. <title>title of your page</title> <table width="400" cellpadding="1" cellspacing="1" border="1"> <tr> <td rowspan="2">this table column expands through 2 rows in the table</td> <td>this is row 1</td> </tr> <tr> <td>this is row 2</td> </tr> </table> As you can see, we have a table with 2 rows. We have added a rowspanto the first column in the first row of the table to expand that column down into the next row 632

28 HTML Table with a Colspan Colspans are like Rowspans, except Colspans expand table columns through each other instead of through rows <title>title of your page</title> <table width="400" cellpadding="1" cellspacing="1" border="1"> <tr> <td colspan="2">this is a table column expanding through 2 columns in the row. </td> </tr> <tr> <td>first column, Second row</td> <td>second column, Second Row</td> </tr> </table> As you can see, the column in the first row of the table expands over two columns. 633

29 Nesting tables inside of each other <title>title of your page</title> <table width="400" border="1" cellspacing="1" cellpadding="1"> <tr> <td>first column, First Row, Parent Table</td> <td rowspan="2"> <table cellpadding="1" cellspacing="1"> <tr> <td>first column, First row, Nested Table</td> </tr> <tr> <td>first column, Second row, Nested Table</td> </tr> </table> </td> </tr> <tr> <td>first column, Second row, Parent Table</td> </tr> </table> Tables can be nested inside of each other to create more complex tables. 634

30 Nesting tables inside of each other 635

Introduction to Computer Science (I1100) Internet. Chapter 7

Introduction to Computer Science (I1100) Internet. Chapter 7 Internet Chapter 7 606 HTML 607 HTML Hypertext Markup Language (HTML) is a language for creating web pages. A web page is made up of two parts: the head and the body. The head is the first part of a web

More information

Web Design 101. What is HTML? HTML Tags. Web Browsers. <!DOCTYPE html> <html> <body> <h1>my First Heading</h1> <p>my first paragraph.

Web Design 101. What is HTML? HTML Tags. Web Browsers. <!DOCTYPE html> <html> <body> <h1>my First Heading</h1> <p>my first paragraph. What is HTML? Web Design 101 HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is a markup language à A markup language is a set of markup tags The tags describe

More information

IMY 110 Theme 7 HTML Tables

IMY 110 Theme 7 HTML Tables IMY 110 Theme 7 HTML Tables 1. HTML Tables 1.1. Tables The HTML table model allows authors to arrange data into rows and columns of cells, just as in word processing software such as Microsoft Word. It

More information

Introduction to HTML

Introduction to HTML Introduction to HTML What is HTML? HTML is the standard markup language for creating Web pages. HTML stands for Hyper Text Markup Language HTML describes the structure of Web pages using markup HTML elements

More information

recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language (HTML)

recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language (HTML) HTML & Web Pages recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language (HTML) HTML specifies formatting within a page using tags in its

More information

Islamic University of Gaza Faculty of Engineering Department of Computer Engineering ECOM Advanced Internet Technology Lab.

Islamic University of Gaza Faculty of Engineering Department of Computer Engineering ECOM Advanced Internet Technology Lab. Islamic University of Gaza Faculty of Engineering Department of Computer Engineering ECOM 5049 Advanced Internet Technology Lab Lab # 1 Eng. Haneen El-masry February, 2015 Objective To be familiar with

More information

CSC 121 Computers and Scientific Thinking

CSC 121 Computers and Scientific Thinking CSC 121 Computers and Scientific Thinking Fall 2005 HTML and Web Pages 1 HTML & Web Pages recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language

More information

HTML (Hypertext Mark-up language) Basic Coding

HTML (Hypertext Mark-up language) Basic Coding HTML (Hypertext Mark-up language) Basic Coding What is HTML? HTML is a short term for hypertext mark-up language. HTML is used for website development. HTML works as the base structure and text format

More information

Html basics Course Outline

Html basics Course Outline Html basics Course Outline Description Learn the essential skills you will need to create your web pages with HTML. Topics include: adding text any hyperlinks, images and backgrounds, lists, tables, and

More information

11. HTML5 and Future Web Application

11. HTML5 and Future Web Application 11. HTML5 and Future Web Application 1. Where to learn? http://www.w3schools.com/html/html5_intro.asp 2. Where to start: http://www.w3schools.com/html/html_intro.asp 3. easy to start with an example code

More information

A Balanced Introduction to Computer Science, 3/E

A Balanced Introduction to Computer Science, 3/E A Balanced Introduction to Computer Science, 3/E David Reed, Creighton University 2011 Pearson Prentice Hall ISBN 978-0-13-216675-1 Chapter 2 HTML and Web Pages 1 HTML & Web Pages recall: a Web page is

More information

HTML Tags <A></A> <A HREF="http://www.cnn.com"> CNN </A> HREF

HTML Tags <A></A> <A HREF=http://www.cnn.com> CNN </A> HREF HTML Tags Tag Either HREF or NAME is mandatory Definition and Attributes The A tag is used for links and anchors. The tags go on either side of the link like this: the link

More information

As we design and build out our HTML pages, there are some basics that we may follow for each page, site, and application.

As we design and build out our HTML pages, there are some basics that we may follow for each page, site, and application. Extra notes - Client-side Design and Development Dr Nick Hayward HTML - Basics A brief introduction to some of the basics of HTML. Contents Intro element add some metadata define a base address

More information

HTML OBJECTIVES WHAT IS HTML? BY FAITH BRENNER AN INTRODUCTION

HTML OBJECTIVES WHAT IS HTML? BY FAITH BRENNER AN INTRODUCTION HTML AN INTRODUCTION BY FAITH BRENNER 1 OBJECTIVES BY THE END OF THIS LESSON YOU WILL: UNDERSTAND HTML BASICS AND WHAT YOU CAN DO WITH IT BE ABLE TO USE BASIC HTML TAGS BE ABLE TO USE SOME BASIC FORMATTING

More information

Bridges To Computing

Bridges To Computing Bridges To Computing General Information: This document was created for use in the "Bridges to Computing" project of Brooklyn College. You are invited and encouraged to use this presentation to promote

More information

Introduction, Notepad++, File Structure, 9 Tags, Hyperlinks 1

Introduction, Notepad++, File Structure, 9 Tags, Hyperlinks 1 Introduction, Notepad++, File Structure, 9 Tags, Hyperlinks 1 Introduction to HTML HTML, which stands for Hypertext Markup Language, is the standard markup language used to create web pages. HTML consists

More information

Tutorial 5 Working with Tables and Columns. HTML and CSS 6 TH EDITION

Tutorial 5 Working with Tables and Columns. HTML and CSS 6 TH EDITION Tutorial 5 Working with Tables and Columns HTML and CSS 6 TH EDITION Objectives Explore the structure of a Web table Create headings and cells in a table Create cells that span multiple rows and columns

More information

Basic HTML. Lecture 14. Robb T. Koether. Hampden-Sydney College. Wed, Feb 20, 2013

Basic HTML. Lecture 14. Robb T. Koether. Hampden-Sydney College. Wed, Feb 20, 2013 Basic HTML Lecture 14 Robb T. Koether Hampden-Sydney College Wed, Feb 20, 2013 Robb T. Koether (Hampden-Sydney College) Basic HTML Wed, Feb 20, 2013 1 / 26 1 HTML 2 HTML File Structure 3 HTML Elements

More information

Basic HTML. Lecture 14. Robb T. Koether. Hampden-Sydney College. Wed, Feb 20, 2013

Basic HTML. Lecture 14. Robb T. Koether. Hampden-Sydney College. Wed, Feb 20, 2013 Basic HTML Lecture 14 Robb T. Koether Hampden-Sydney College Wed, Feb 20, 2013 Robb T. Koether (Hampden-Sydney College) Basic HTML Wed, Feb 20, 2013 1 / 36 1 HTML 2 HTML File Structure 3 HTML Elements

More information

HYPERTEXT MARKUP LANGUAGE ( HTML )

HYPERTEXT MARKUP LANGUAGE ( HTML ) 1 HTML BASICS MARK-UP LANGUAGES Traditionally used to provide typesetting information to printers where text should be indented, margin sizes, bold text, special font sizes and styles, etc. Word processors

More information

HTML Summary. All of the following are containers. Structure. Italics Bold. Line Break. Horizontal Rule. Non-break (hard) space.

HTML Summary. All of the following are containers. Structure. Italics Bold. Line Break. Horizontal Rule. Non-break (hard) space. HTML Summary Structure All of the following are containers. Structure Contains the entire web page. Contains information

More information

INTRODUCTION TO WEB USING HTML What is HTML?

INTRODUCTION TO WEB USING HTML What is HTML? Geoinformation and Sectoral Statistics Section (GiSS) INTRODUCTION TO WEB USING HTML What is HTML? HTML is the standard markup language for creating Web pages. HTML stands for Hyper Text Markup Language

More information

Creating A Web Page. Computer Concepts I and II. Sue Norris

Creating A Web Page. Computer Concepts I and II. Sue Norris Creating A Web Page Computer Concepts I and II Sue Norris Agenda What is HTML HTML and XHTML Tags Required HTML and XHTML Tags Using Notepad to Create a Simple Web Page Viewing Your Web Page in a Browser

More information

Introduction to WEB PROGRAMMING

Introduction to WEB PROGRAMMING Introduction to WEB PROGRAMMING Web Languages: Overview HTML CSS JavaScript content structure look & feel transitions/animation s (CSS3) interaction animation server communication Full-Stack Web Frameworks

More information

A HTML document has two sections 1) HEAD section and 2) BODY section A HTML file is saved with.html or.htm extension

A HTML document has two sections 1) HEAD section and 2) BODY section A HTML file is saved with.html or.htm extension HTML Website is a collection of web pages on a particular topic, or of a organization, individual, etc. It is stored on a computer on Internet called Web Server, WWW stands for World Wide Web, also called

More information

Chapter 4 Notes. Creating Tables in a Website

Chapter 4 Notes. Creating Tables in a Website Chapter 4 Notes Creating Tables in a Website Project for Chapter 4 Statewide Realty Web Site Chapter Objectives Define table elements Describe the steps used to plan, design, and code a table Create a

More information

COMSC-030 Web Site Development- Part 1. Part-Time Instructor: Joenil Mistal

COMSC-030 Web Site Development- Part 1. Part-Time Instructor: Joenil Mistal COMSC-030 Web Site Development- Part 1 Part-Time Instructor: Joenil Mistal Chapter 9 9 Working with Tables Are you looking for a method to organize data on a page? Need a way to control our page layout?

More information

1. Please, please, please look at the style sheets job aid that I sent to you some time ago in conjunction with this document.

1. Please, please, please look at the style sheets job aid that I sent to you some time ago in conjunction with this document. 1. Please, please, please look at the style sheets job aid that I sent to you some time ago in conjunction with this document. 2. W3Schools has a lovely html tutorial here (it s worth the time): http://www.w3schools.com/html/default.asp

More information

Hyper Text Markup Language HTML: A Tutorial

Hyper Text Markup Language HTML: A Tutorial Hyper Text Markup Language HTML: A Tutorial Ahmed Othman Eltahawey December 21, 2016 The World Wide Web (WWW) is an information space where documents and other web resources are located. Web is identified

More information

introduction to XHTML

introduction to XHTML introduction to XHTML XHTML stands for Extensible HyperText Markup Language and is based on HTML 4.0, incorporating XML. Due to this fusion the mark up language will remain compatible with existing browsers

More information

Lesson 5 Introduction to Cascading Style Sheets

Lesson 5 Introduction to Cascading Style Sheets Introduction to Cascading Style Sheets HTML and JavaScript BASICS, 4 th Edition 1 Objectives Create a Cascading Style Sheet. Control hyperlink behavior with CSS. Create style classes. Share style classes

More information

By Ryan Stevenson. Guidebook #2 HTML

By Ryan Stevenson. Guidebook #2 HTML By Ryan Stevenson Guidebook #2 HTML Table of Contents 1. HTML Terminology & Links 2. HTML Image Tags 3. HTML Lists 4. Text Styling 5. Inline & Block Elements 6. HTML Tables 7. HTML Forms HTML Terminology

More information

Certified HTML5 Developer VS-1029

Certified HTML5 Developer VS-1029 VS-1029 Certified HTML5 Developer Certification Code VS-1029 HTML5 Developer Certification enables candidates to develop websites and web based applications which are having an increased demand in the

More information

INFS 2150 / 7150 Intro to Web Development / HTML Programming

INFS 2150 / 7150 Intro to Web Development / HTML Programming XP Objectives INFS 2150 / 7150 Intro to Web Development / HTML Programming Designing a Web Page with Tables Create a text table Create a table using the , , and tags Create table headers

More information

HTML. Mohammed Alhessi M.Sc. Geomatics Engineering. Internet GIS Technologies كلية اآلداب - قسم الجغرافيا نظم المعلومات الجغرافية

HTML. Mohammed Alhessi M.Sc. Geomatics Engineering. Internet GIS Technologies كلية اآلداب - قسم الجغرافيا نظم المعلومات الجغرافية HTML Mohammed Alhessi M.Sc. Geomatics Engineering Wednesday, February 18, 2015 Eng. Mohammed Alhessi 1 W3Schools Main Reference: http://www.w3schools.com/ 2 What is HTML? HTML is a markup language for

More information

HTML BEGINNING TAGS. HTML Structure <html> <head> <title> </title> </head> <body> Web page content </body> </html>

HTML BEGINNING TAGS. HTML Structure <html> <head> <title> </title> </head> <body> Web page content </body> </html> HTML BEGINNING TAGS HTML Structure Web page content Structure tags: Tags used to give structure to the document.

More information

Motivation (WWW) Markup Languages (defined). 7/15/2012. CISC1600-SummerII2012-Raphael-lec2 1. Agenda

Motivation (WWW) Markup Languages (defined). 7/15/2012. CISC1600-SummerII2012-Raphael-lec2 1. Agenda CISC 1600 Introduction to Multi-media Computing Agenda Email Address: Course Page: Class Hours: Summer Session II 2012 Instructor : J. Raphael raphael@sci.brooklyn.cuny.edu http://www.sci.brooklyn.cuny.edu/~raphael/cisc1600.html

More information

HTML. Hypertext Markup Language. Code used to create web pages

HTML. Hypertext Markup Language. Code used to create web pages Chapter 4 Web 135 HTML Hypertext Markup Language Code used to create web pages HTML Tags Two angle brackets For example: calhoun High Tells web browser ho to display page contents Enter with

More information

The internet is a worldwide collection of networks that link millions of computers. These links allow the computers to share and send data.

The internet is a worldwide collection of networks that link millions of computers. These links allow the computers to share and send data. Review The internet is a worldwide collection of networks that link millions of computers. These links allow the computers to share and send data. It is not the internet! It is a service of the internet.

More information

Basic HTML Lecture 14

Basic HTML Lecture 14 Basic HTML Lecture 14 Robb T. Koether Hampden-Sydney College Fri, Feb 17, 2012 Robb T. Koether (Hampden-Sydney College) Basic HTMLLecture 14 Fri, Feb 17, 2012 1 / 25 1 HTML 2 HTML File Structure 3 Headings

More information

Programmazione Web a.a. 2017/2018 HTML5

Programmazione Web a.a. 2017/2018 HTML5 Programmazione Web a.a. 2017/2018 HTML5 PhD Ing.Antonino Raucea antonino.raucea@dieei.unict.it 1 Introduzione HTML HTML is the standard markup language for creating Web pages. HTML stands for Hyper Text

More information

Website Creating Content

Website Creating Content CREATING WEBSITE CONTENT As an administrator, you will need to know how to create content pages within your website. This document will help you learn how to: Create Custom Pages Edit Content Areas Creating

More information

7300 Warden Avenue, Suite 503 Markham, Ontario Canada L3R 9Z6. Phone: Toll Free: Fax:

7300 Warden Avenue, Suite 503 Markham, Ontario Canada L3R 9Z6. Phone: Toll Free: Fax: HTML and CSS 7300 Warden Avenue, Suite 503 Markham, Ontario Canada L3R 9Z6 Phone: 905-479-3780 Toll Free: 877-479-3780 Fax: 905-479-1047 e-mail: info@andarsoftware.com Web: www.andarsoftware.com.com Copyright

More information

Dreamweaver Basics Outline

Dreamweaver Basics Outline Dreamweaver Basics Outline The Interface Toolbar Status Bar Property Inspector Insert Toolbar Right Palette Modify Page Properties File Structure Define Site Building Our Webpage Working with Tables Working

More information

Web Engineering (Lecture 01)

Web Engineering (Lecture 01) Web Engineering (Lecture 01) By: Kamran Ullah Lecturer (CS) Class BS(CS)-5 th semester Web Engineering Definition 1: Web Engineering is the application of systematic and disciplined approaches to the design,

More information

Downloads: Google Chrome Browser (Free) - Adobe Brackets (Free) -

Downloads: Google Chrome Browser (Free) -   Adobe Brackets (Free) - Week One Tools The Basics: Windows - Notepad Mac - Text Edit Downloads: Google Chrome Browser (Free) - www.google.com/chrome/ Adobe Brackets (Free) - www.brackets.io Our work over the next 6 weeks will

More information

Comp-206 : Introduction to Software Systems Lecture 22. Alexandre Denault Computer Science McGill University Fall 2006

Comp-206 : Introduction to Software Systems Lecture 22. Alexandre Denault Computer Science McGill University Fall 2006 HTTP and HTML Comp-206 : Introduction to Software Systems Lecture 22 Alexandre Denault Computer Science McGill University Fall 2006 15 / 55 Mercury Subversion Directory The URL for the class subversion

More information

Unit 5 Web Publishing Systems Page 1 of 13 Part 4 HTML Part 4

Unit 5 Web Publishing Systems Page 1 of 13 Part 4 HTML Part 4 Unit 5 Web Publishing Systems Page 1 of 13 Part 4 HTML 4.01 Version: 4.01 Transitional Hypertext Markup Language is the coding behind web publishing. In this tutorial, basic knowledge of HTML will be covered

More information

Creating Web Pages. Getting Started

Creating Web Pages. Getting Started Creating Web Pages Getting Started Overview What Web Pages Are How Web Pages are Formatted Putting Graphics on Web Pages How Web Pages are Linked Linking to other Files What Web Pages Are Web Pages combine

More information

Markup Language SGML: Standard Generalized Markup Language. HyperText Markup Language (HTML) extensible Markup Language (XML) TeX LaTeX

Markup Language SGML: Standard Generalized Markup Language. HyperText Markup Language (HTML) extensible Markup Language (XML) TeX LaTeX HTML 1 Markup Languages A Markup Language is a computer language in which data and instructions describing the structure and formatting of the data are embedded in the same file. The term derives from

More information

Certified HTML Designer VS-1027

Certified HTML Designer VS-1027 VS-1027 Certification Code VS-1027 Certified HTML Designer Certified HTML Designer HTML Designer Certification allows organizations to easily develop website and other web based applications which are

More information

HyperText Markup Language/Tables

HyperText Markup Language/Tables HyperText Markup Language/Tables 1 HyperText Markup Language/Tables Tables are used for presenting tabular data and abused for laying out pages. They can be inserted anywhere on the page, even within other

More information

ITNP43: HTML Lecture 3

ITNP43: HTML Lecture 3 ITNP43: HTML Lecture 3 Niederst, Chapts 10, 11, 13 (3rd edn) 1 HTML So Far... Structural tags , , Text formatting , etc Element attributes e.g. Inline images

More information

Chapter 1 Getting Started with HTML 5 1. Chapter 2 Introduction to New Elements in HTML 5 21

Chapter 1 Getting Started with HTML 5 1. Chapter 2 Introduction to New Elements in HTML 5 21 Table of Contents Chapter 1 Getting Started with HTML 5 1 Introduction to HTML 5... 2 New API... 2 New Structure... 3 New Markup Elements and Attributes... 3 New Form Elements and Attributes... 4 Geolocation...

More information

Chapter 4 Creating Tables in a Web Site Using an External Style Sheet

Chapter 4 Creating Tables in a Web Site Using an External Style Sheet Chapter 4 Creating Tables in a Web Site Using an External Style Sheet MULTIPLE RESPONSE Modified Multiple Choice 1. Attributes are set relative to the elements in a table. a. line c. row b. column d. cell

More information

This booklet is knowledge of. a web page. of a web page find what you. you want to. SiteSell offers. Introduction

This booklet is knowledge of. a web page. of a web page find what you. you want to. SiteSell offers. Introduction From www.basic computerskills.com/ Thank you for downloading this freee Booklet. This booklet is intended for people, who want to start out with their own web site or just want to get the basic knowledge

More information

Lecturer. Haider M. Habeeb. Second Year, First Course

Lecturer. Haider M. Habeeb. Second Year, First Course University of Babylon College of Information Technology Department of Information Networks Lecturer Haider M. Habeeb Second Year, First Course 2012-2013 Understand Hypertext and Links Why did the arrival

More information

HTML TAG SUMMARY HTML REFERENCE 18 TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES MOST TAGS

HTML TAG SUMMARY HTML REFERENCE 18 TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES MOST TAGS MOST TAGS CLASS Divides tags into groups for applying styles 202 ID Identifies a specific tag 201 STYLE Applies a style locally 200 TITLE Adds tool tips to elements 181 Identifies the HTML version

More information

HTMLnotesS15.notebook. January 25, 2015

HTMLnotesS15.notebook. January 25, 2015 The link to another page is done with the

More information

Page Layout Using Tables

Page Layout Using Tables This section describes various options for page layout using tables. Page Layout Using Tables Introduction HTML was originally designed to layout basic office documents such as memos and business reports,

More information

What You Will Learn Today

What You Will Learn Today CS101 Lecture 03: The World Wide Web and HTML Aaron Stevens 23 January 2011 1 What You Will Learn Today Is it the Internet or the World Wide Web? What s the difference? What is the encoding scheme behind

More information

HTML Hyperlinks (Links)

HTML Hyperlinks (Links) WEB DESIGN HTML Hyperlinks (Links) The HTML tag defines a hyperlink. A hyperlink (or link) is a word, group of words, or image that you can click on to jump to another document. When you move the

More information

HTML & XHTML Tag Quick Reference

HTML & XHTML Tag Quick Reference HTML & XHTML Tag Quick Reference This reference notes some of the most commonly used HTML and XHTML tags. It is not, nor is it intended to be, a comprehensive list of available tags. Details regarding

More information

Creating Web Pages Using HTML

Creating Web Pages Using HTML Creating Web Pages Using HTML HTML Commands Commands are called tags Each tag is surrounded by Some tags need ending tags containing / Tags are not case sensitive, but for future compatibility, use

More information

CSC 101: PreLab Reading for Lab #4 More HTML (some of this reading on Tables and Images are based on previous writings of Prof William Turkett)

CSC 101: PreLab Reading for Lab #4 More HTML (some of this reading on Tables and Images are based on previous writings of Prof William Turkett) CSC 101: PreLab Reading for Lab #4 More HTML (some of this reading on Tables and Images are based on previous writings of Prof William Turkett) Purpose: The purpose of this pre-lab is to provide you with

More information

Web Programming and Design. MPT Senior Cycle Tutor: Tamara Week 1

Web Programming and Design. MPT Senior Cycle Tutor: Tamara Week 1 Web Programming and Design MPT Senior Cycle Tutor: Tamara Week 1 What will we cover? HTML - Website Structure and Layout CSS - Website Style JavaScript - Makes our Website Dynamic and Interactive Plan

More information

Indian Institute of Technology Kharagpur. HTML Part III. Prof. Indranil Sen Gupta Dept. of Computer Science & Engg. I.I.T.

Indian Institute of Technology Kharagpur. HTML Part III. Prof. Indranil Sen Gupta Dept. of Computer Science & Engg. I.I.T. Indian Institute of Technology Kharagpur HTML Part III Prof. Indranil Sen Gupta Dept. of Computer Science & Engg. I.I.T. Kharagpur, INDIA Lecture 15: HTML Part III On completion, the student will be able

More information

Introduction to HTML. SSE 3200 Web-based Services. Michigan Technological University Nilufer Onder

Introduction to HTML. SSE 3200 Web-based Services. Michigan Technological University Nilufer Onder Introduction to HTML SSE 3200 Web-based Services Michigan Technological University Nilufer Onder What is HTML? Acronym for: HyperText Markup Language HyperText refers to text that can initiate jumps to

More information

All Creative Designs. Basic HTML for PC Tutorial Part 1 Using MS Notepad (Version May 2013) My First Web Page

All Creative Designs. Basic HTML for PC Tutorial Part 1 Using MS Notepad (Version May 2013) My First Web Page All Creative Designs Basic HTML for PC Tutorial Part 1 Using MS Notepad (Version May 2013) My First Web Page Step by step instructions to build your first web page Brief Introduction What is html? The

More information

HTML & CSS November 19, 2014

HTML & CSS November 19, 2014 University of Nebraska - Lincoln DigitalCommons@University of Nebraska - Lincoln Digital Humanities Workshop Series Center for Digital Research in the Humanities 11-19-2014 HTML & CSS November 19, 2014

More information

Web Design and Application Development

Web Design and Application Development Yarmouk University Providing Fundamental ICT Skills for Syrian Refugees (PFISR) Web Design and Application Development Dr. Abdel-Karim Al-Tamimi altamimi@yu.edu.jo Lecture 04 A. Al-Tamimi 1 Lecture Overview

More information

Hyper Text Markup Language

Hyper Text Markup Language Hyper Text Markup Language HTML is a markup language. It tells your browser how to structure the webpage. HTML consists of a series of elements, which you use to enclose, or mark up different parts of

More information

KillTest *KIJGT 3WCNKV[ $GVVGT 5GTXKEG Q&A NZZV ]]] QORRZKYZ IUS =K ULLKX LXKK [VJGZK YKX\OIK LUX UTK _KGX

KillTest *KIJGT 3WCNKV[ $GVVGT 5GTXKEG Q&A NZZV ]]] QORRZKYZ IUS =K ULLKX LXKK [VJGZK YKX\OIK LUX UTK _KGX KillTest Q&A Exam : 9A0-803 Title : Certified Dreamweaver 8 Developer Exam Version : DEMO 1 / 7 1. What area, in the Insert bar, is intended for customizing and organizing frequently used objects? A. Layout

More information

Attributes & Images 1 Create a new webpage

Attributes & Images 1 Create a new webpage Attributes & Images 1 Create a new webpage Open your test page. Use the Save as instructions from the last activity to save your test page as 4Attributes.html and make the following changes:

More information

FCKEditor v1.0 Basic Formatting Create Links Insert Tables

FCKEditor v1.0 Basic Formatting Create Links Insert Tables FCKEditor v1.0 This document goes over the functionality and features of FCKEditor. This editor allows you to easily create XHTML compliant code for your web pages in Site Builder Toolkit v2.3 and higher.

More information

Web Programming Week 2 Semester Byron Fisher 2018

Web Programming Week 2 Semester Byron Fisher 2018 Web Programming Week 2 Semester 1-2018 Byron Fisher 2018 INTRODUCTION Welcome to Week 2! In the next 60 minutes you will be learning about basic Web Programming with a view to creating your own ecommerce

More information

HTTP and HTML. We will use HTML as a frontend to our webapplications, therefore a basic knowledge of HTML is required, especially in forms.

HTTP and HTML. We will use HTML as a frontend to our webapplications, therefore a basic knowledge of HTML is required, especially in forms. HTTP and HTML We will use HTML as a frontend to our webapplications, therefore a basic knowledge of HTML is required, especially in forms. HTTP and HTML 28 January 2008 1 When the browser and the server

More information

Make a Website. A complex guide to building a website through continuing the fundamentals of HTML & CSS. Created by Michael Parekh 1

Make a Website. A complex guide to building a website through continuing the fundamentals of HTML & CSS. Created by Michael Parekh 1 Make a Website A complex guide to building a website through continuing the fundamentals of HTML & CSS. Created by Michael Parekh 1 Overview Course outcome: You'll build four simple websites using web

More information

Selected Sections of Applied Informatics

Selected Sections of Applied Informatics Selected Sections of Applied Informatics M.Sc. Marcin Koniak koniakm@wt.pw.edu.pl http://www2.wt.pw.edu.pl/~a.czerepicki Based on lecture: Dr inż. Andrzej Czerepicki a.czerepicki@wt.pw.edu.pl 2018 HTML

More information

Geocaching HTML & BBCode FUNdamentals by Scott Aleckson (SSO JOAT)

Geocaching HTML & BBCode FUNdamentals by Scott Aleckson (SSO JOAT) Geocaching HTML & BBCode FUNdamentals by Scott Aleckson (SSO JOAT) Anchorage BP Energy Center & Broadcast over the Internet via WebEx 18 September 2012 1 Tonight s Topics: Computer Languages What is HTML?

More information

1. The basic building block of an HTML document is called a(n) a. tag. b. element. c. attribute. d. container. Answer: b Page 5

1. The basic building block of an HTML document is called a(n) a. tag. b. element. c. attribute. d. container. Answer: b Page 5 Name Date Final Exam Prep Questions Worksheet #1 1. The basic building block of an HTML document is called a(n) a. tag. b. element. c. attribute. d. container. Answer: b Page 5 2. Which of the following

More information

Web browsers. 1. Google Chrome - 62% 2. Mozilla Firefox - 15% 3. Internet Explorer - 10% 4. Safari - 5 % 5. Microsoft Edge - 4% 6.

Web browsers. 1. Google Chrome - 62% 2. Mozilla Firefox - 15% 3. Internet Explorer - 10% 4. Safari - 5 % 5. Microsoft Edge - 4% 6. Web site design Web browsers 1. Google Chrome - 62% 2. Mozilla Firefox - 15% 3. Internet Explorer - 10% 4. Safari - 5 % 5. Microsoft Edge - 4% Mozilla Firefox 6. Opera 2% 7. Others 2% combined What s going

More information

c122jan2714.notebook January 27, 2014

c122jan2714.notebook January 27, 2014 Internet Developer 1 Start here! 2 3 Right click on screen and select View page source if you are in Firefox tells the browser you are using html. Next we have the tag and at the

More information

Hyper- Any time any where go to any web pages. Text- Simple Text. Markup- What will you do

Hyper- Any time any where go to any web pages. Text- Simple Text. Markup- What will you do HTML Interview Questions and Answers What is HTML? Answer1: HTML, or HyperText Markup Language, is a Universal language which allows an individual using special code to create web pages to be viewed on

More information

Very Basics of HTML. G day mates during this tutorial I will teach you the basics of HTML.

Very Basics of HTML. G day mates during this tutorial I will teach you the basics of HTML. Very Basics of HTML Basics of HTML G day mates during this tutorial I will teach you the basics of HTML. Frequently Asked Questions What does HTML actually stand for? HTML stands for Hyper Text Markup

More information

Table-Based Web Pages

Table-Based Web Pages Table-Based Web Pages Web Authoring and Design Benjamin Kenwright Outline What do we mean by Table-Based Web Sites? Review Table Tags/Structure Tips/Debugging/Applications Summary Review/Discussion Submissions/Quizzes/GitHub

More information

Modify cmp.htm, contactme.htm and create scheduleme.htm

Modify cmp.htm, contactme.htm and create scheduleme.htm GRC 175 Assignment 2 Modify cmp.htm, contactme.htm and create scheduleme.htm Tasks: 1. Setting up Dreamweaver and defining a site 2. Convert existing HTML pages into proper XHTML encoding 3. Add alt tags

More information

How the Internet Works

How the Internet Works How the Internet Works The Internet is a network of millions of computers. Every computer on the Internet is connected to every other computer on the Internet through Internet Service Providers (ISPs).

More information

HTML and CSS: An Introduction

HTML and CSS: An Introduction JMC 305 Roschke spring14 1. 2. 3. 4. 5. The Walter Cronkite School... HTML and CSS: An Introduction

More information

Final Exam Study Guide

Final Exam Study Guide Final Exam Study Guide 1. What does HTML stand for? 2. Which file extension is used with standard web pages? a..doc b..xhtml c..txt d..html 3. Which is not part of an XHTML element? a. Anchor b. Start

More information

LESSON 3. Coding Tables Continued

LESSON 3. Coding Tables Continued LESSON 3 Coding Tables Continued Lesson Learning Targets I can create a Web page table that displays text and / or images. I can create a Web page table that serves as a menu bar. Creating the Secondary

More information

MPT Web Design. Week 1: Introduction to HTML and Web Design

MPT Web Design. Week 1: Introduction to HTML and Web Design MPT Web Design Week 1: Introduction to HTML and Web Design What will we do in this class? Learn the basics of HTML and how to create our own template Basic website structure Learn design concepts for a

More information

Bixby Public Schools Course Essential Elements Grade: Desktop Publishing

Bixby Public Schools Course Essential Elements Grade: Desktop Publishing Content Objective) applicable) Desktop Publishing Weeks 1-6 10-12 1. Create and edit a publication. 2. Design a newsletter. 3. Publish a tri-fold brochure 1-1 Start and quit Publisher 1-2 Describe the

More information

THE ASIAN SCHOOL. Class-10. ch8. A. Check the Right Answer (1*9)

THE ASIAN SCHOOL. Class-10. ch8. A. Check the Right Answer (1*9) THE ASIAN SCHOOL Class-10 ch8 A. Check the Right Answer (1*9) 1. Which attribute of the tag is used to create named anchors in a web document? c. NAME 2. Which attribute of the tag is used to add

More information

Hyper Text Markup Language

Hyper Text Markup Language Hyper Text Markup Language HTML is a markup language. It tells your browser how to structure the webpage. HTML consists of a series of elements, which you use to enclose, or mark up different parts of

More information

1 Creating a simple HTML page

1 Creating a simple HTML page cis3.5, spring 2009, lab I.3 / prof sklar. 1 Creating a simple HTML page 1.1 Overview For this assignment, you will create an HTML file in a text editor. on a PC, this is Notepad (not Wordpad) on a Mac,

More information

Introduction to HTML. Bin Li Assistant Professor Dept. of Electrical, Computer and Biomedical Engineering University of Rhode Island

Introduction to HTML. Bin Li Assistant Professor Dept. of Electrical, Computer and Biomedical Engineering University of Rhode Island Introduction to HTML Bin Li Assistant Professor Dept. of Electrical, Computer and Biomedical Engineering University of Rhode Island Hypertext & HTML HyperText Markup Language (HTML) is the language for

More information

HTML 1. Peter Cho 161A

HTML 1. Peter Cho 161A HTML 1 Peter Cho 161A Notes from Jennifer Niederst: Web Design in a Nutshell and Stefan Muenz: SelfHTML, http://en.selfhtml.org Based on a tutorial by Prof. Daniel Sauter HTML Hypertext Markup Language

More information

SECTION C GRADE 12 EXAMINATION GUIDELINES

SECTION C GRADE 12 EXAMINATION GUIDELINES SACAI SECTION C GRADE 12 EXAMINATION GUIDELINES COMPUTER APPLICATIONS TECHNOLOGY 2016 Examination guidelines for Computer Application Technology INTRODUCTION The Curriculum and Assessment Policy Statement

More information

WEB APPLICATION. XI, Code- 803

WEB APPLICATION. XI, Code- 803 WEB APPLICATION XI, Code- 803 Part A 1. Communication & its methods 2. Importance of communication 3. Factors effecting communication skills. 1. Communication Communication is a vital (Important) part

More information