How to create Web Pages. Some relevant websites ????

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

HTML 4 Hypertext Markup Language Tables, Lists & Links Science & Art Multimedia.

HyperText Markup Language (HTML). Introduction to HTML Hyper Text Markup Language HTML Example The structure of an HTML document Agenda.

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: HyperText Markup Language Hello World Welcome to the world!

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

XHTML Basics Web pages used to be written exclusively in html

How Tags are used to form your Web Page

Introduction to HTML Bent Thomsen Institut for Datalogi Aalborg Universitet.

Tutorial 2: Formatting Text. Objectives Session 2.1 – Learn the functions of the Common toolbar – Change the size of text – Discern which fonts to use.

Chapter 4 – Intermediate HTML 4 Outline 4.1 Unordered Lists 4.2 Nested and Ordered Lists 4.3 Basic HTML Tables 4.4 Intermediate HTML Tables and Formatting.

Introduction to HTML CPS470 Software Engineering Fall 1998.

XHTML1 Tables and Lists. XHTML2 Objectives In this chapter, you will: Create basic tables Structure tables Format tables Create lists.

23-Jun-15 HTML. 2 Web pages are HTML HTML stands for HyperText Markup Language Web pages are plain text files, written in HTML Browsers display web pages.

Introduction to HTML II Shih-Heng Chin. Preface Structure of a HTML File Elements used frequently Tables.

HTML Lesson 1 TBE 540 Farah Fisher. Prerequisites Before beginning this lesson, the student must be able to… Access web pages and navigate the web Access.

HTML: PART ONE. Creating an HTML Document  It is a good idea to plan out a web page before you start coding  Draw a planning sketch or create a sample.

Tags through Forms. This element is required for all HTML pages It must be at the top of every page of every website We’ll see later on why it is important.

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.

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.

HTML - basic tags - How to learn more. What is HTML? HyperText Markup Language HTML5: – Recommended by the W3C.

HTML Tags Basic Tags Doctype or HTML Head Title Body Use the website to find the definitions

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

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

XP Mohammad Moizuddin Creating Web Pages with HTML Tutorial 1 1 New Perspectives on Creating Web Pages With HTML Tutorial 1: Developing a Basic Web Page.

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

XP 1 HTML Committed to Shaping the Next Generation of IT Experts. 01: Introduction to HTML.

CPT 123 Internet Skills Class Notes Publishing to the Web Session B.

Lesson 2: Basic HTML Code Basic HTML Code. HTML is an acronym for Hypertext Markup Language. Internet browsers translate the HTML code into texts and.

INTRODUCTION. What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language,

HTML: Hyptertext Markup Language Doman’s Sections.

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.

Ali Alshowaish. What is HTML? HTML stands for Hyper Text Markup Language Specifically created to make World Wide Web pages Web authoring software language.

Computer Science 101 Lists and Tables. Lists Unordered lists - use a bullet Ordered lists - use a number, Roman numeral, or letter.

Copyright (c) 2004 Prentice-Hall. All rights reserved. 1 Committed to Shaping the Next Generation of IT Experts. Project 5: Working with Tables Kelly L.

HTML(Hyper Text Markup Language) ByNaveen. Introduction HTML or Hyper Text Markup Language is the standard markup language Its used to create the web.

CSE 409 – Advanced Internet Technology 1 DISCUSSION OF BASIC HTML TAGS.

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

HTML World Wide Web Consortium What does HTML stand for? – – –

Assistant Professor,UCER Naini,Allahabad

The Web Wizard’s Guide to HTML Chapter Two Basic Text Formatting.

Elements and Attributes. XHTML Elements The element contains special information that does not necessarily show up on the web page. The element determines.

Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring

CS 100 Introduction to Web Page Construction and HTML.

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.

Tutorial 5: Tables Session OBJECTIVES Create a table Insert a table summary Insert a table caption Add rows and cells Merge Cells inside a Table.

HTML Tags BTT1O. HTML  Documents written in hypertext markup language can be interpreted by all web browsers.  This language lets the web page developer.

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.

Chapter 4 HTML Tags. HTML is written in something called tags. Tags come in pairs, an opening one and a closing one. The first pair of tags we'll write.

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

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.

01 – HTML (1) Informatics Department Parahyangan Catholic University.

Week-11 (Lecture-1) Introduction to HTML programming: A web based markup language for web. Ex.

NOTEPAD++ Lab 1 1 Riham ALSmari. Why Notepad++ ?  Syntax highlighting  Tabbed document interface  Zooming  Indentation code  Find and replace over.

Q.Nand1 HTML Creating an HTML Document Lesson 2. Q.Nand2 Overview Creating an HTML Document: –HTML syntax –Creating Basic Tags –Displaying Your HTML Files.

Lesson 5. XHTML Tags, Attributes and Structure XHTML Basic Structure head and body titles Paragraph headings comments Document Presentation Manipulating.

CNIT 131 HTML5 - Tables.

Elements of HTML Web Design – Sec 3-2

Elements of HTML Web Design – Sec 3-2

HTML Formatting.

HTML Tables CS 1150 Spring 2017.

Formatted Lists Unordered Lists Usage of Unordered List Ordered Lists

CS543: WEB APPLICATION PROGRAMMING

Formatted Lists Unordered Lists Usage of Unordered List Ordered Lists

Elements of HTML Web Design – Sec 3-2

Web Design and Development

Formatted Lists Unordered Lists Usage of Unordered List Ordered Lists

Presentation transcript:

How to create Web Pages

Some relevant websites ???? (very commercial)

Basic web page structure A page title (body of web page)

Some basic HTML tags For sub-headings:  heading Recognized are headings h1-h6  h1 is largest, h6 is smallest. Changing emphasis:  (bold)   (emphasis)  (italic)   (teletype font)  (underline)

A few more simple HTML tags used for links breaks a line..... term definition ” size=”nr” color=”x“>... (width, size are optional).....

Unordered lists or or List item. Notes:  Can place lists inside lists  It is a good idea to place a before and after

Ordered Lists Similar syntax to unordered lists, but are numbered/lettered. Start at 1 unless otherwise indicated. Elements indicated by / pairs as usual. Variants:  numbered  lettered a. b. …  lettered A. B. …  lowercase roman numerals  Capital roman numerals  Add start=”number” if need special start. Example:  will label the items c d e...

Tables Heading Heading>..... data data... … Can add attributes border= cellspacing= cellpadding= to table tag. Values in pixels. (if no border attribute, table will not have a border).