HTML Practices.

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

Using HTML Tables Presenting Information & Layout Control.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 6: HTML Tables.
HTML popo.
HTML.
CHAPTER 7 STYLING CONTENT WITH CASCADING STYLE SHEETS.
Making Things Look Nice: Visual Appearance and CSS CMPT 281.
HTML Tables, Lists, Blocks, Colors, Styles
CHAPTER 8 ADVANCED CSS. LEARNING OBJECTIVES Assign formatting styles to a CSS class definition Use a tag’s class attribute to apply the styles defined.
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.
CS134 Web Design & Development Attributes, Lists, Tables, Links, and Images Mehmud Abliz.
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.
Chapter 7 Using Advanced Cascading Style Sheets HTML5 & CSS 7 th Edition.
Cascading Style Sheets Controlling the Display Of Web Content.
HTML TABLES Cyndi Hageman. Tables   Attributes Name or id – used to identify the table Border = set this to determine if there is a border and the size.
Lists and Tables Cool sites Lists unordered, ordered, definition Tables basic.
4.01 Cascading Style Sheets
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.
INTRODUCTION TO WEB DEVELOPMENT AND HTML Lecture 06: Tables - Spring 2011.
Tables in HTML Basharat Mahmood, Department of Computer Science,CIIT,Islamabad, Pakistan. 1.
HTML. Goals How to use the Komodo editor HTML coding and testing – List and Images – Tables and Links – At least 2 pages and navigation –
CHAPTER 11 Tables. How Are Tables Used Data Display  Very tidy and very useful Better Text Alignment  Putting text in tables allows you to format indents.
HTML II ECT 270 Robin Burke. 2 Outline Review Images text flow links Image maps Colors Tables.
 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.
1 CSC 121 Computers and Scientific Thinking David Reed Creighton University HTML and Web Pages.
 This presentation introduces the following: › 3 types of CSS › CSS syntax › CSS comments › CSS and color › The box model.
>> 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.
CSS Basic (cascading style sheets)
Web Technologies COMP6115 Session 2: Planning, Designing, Constructing and Testing Static Web Sites Dr. Paul Walcott Department of Computer Science, Mathematics.
Tutorial 5 Working with Tables and Columns
Tutorial 5 Working with Tables and Columns
HTML (Hypertext Markup Language) – Class 3 Recap: HTML Special Characters (ex: ©). Including Images – using the tag. Lists – Ordered and Unordered.
Example page BASICS. Example page AN EXAMPLE by V.R. Voller This is in blue starts a new paragraph and another a line with no break even with a return.
ECA 228 Internet/Intranet Design I Tables. ECA 228 Internet/Intranet Design I Basic HTML Tables Created as a way to present rows and clumns of data.
1 Web Application Programming Presented by: Mehwish Shafiq.
Computer Science 101 Lists and Tables. Lists Unordered lists - use a bullet Ordered lists - use a number, Roman numeral, or letter.
Tables Attributes Image Map.  Tables are defined with the tag.  A table is divided into rows with the tag.  Each row is divided into data cells with.
DYNAMIC HTML What is Dynamic HTML: HTML code that allow you to change/ specify the style of your web pages. Example: specify style sheet, object model.
HTML(Hyper Text Markup Language) ByNaveen. Introduction HTML or Hyper Text Markup Language is the standard markup language Its used to create the web.
HTML (Hyper Text Markup Language) Lecture II. Review Writing HTML files for web pages – efficient compact – fundamental. Text files with htm extension.
Are You Smarter Than a 5 th Grader? 1,000,000 5th Grade HTML 5th Grade Syntax 4th Grade HTML 4th Grade Syntax 3rd Grade HTML 3rd Grade Syntax 2nd Grade.
HTML Assoc. Prof. Rozinah Jamaludin 28 January 2010.
HTML CS 105. Page Structure HTML elements control the details of how a page gets displayed. Every HTML document has the following basic structure: … …
CS134 Web Design & Development Attributes, Lists, Tables, Links, and Images Mehmud Abliz.
Kevin Murphy More Tables Masters Project CS 490. Kevin Murphy An Additional Attribute n BGCOLOR -For changing the background color for the table or a.
Doing TABLES Creating Tables in HTML. Start creating the table by using the Table container tag.
©SoftMoore ConsultingSlide 1 Introduction to HTML: Block-Level Elements.
HTML Tags BTT1O. HTML  Documents written in hypertext markup language can be interpreted by all web browsers.  This language lets the web page developer.
Revision Webpage design HTML.   FACE  Attributes  Marquee  Define the following terms.
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.
Introduction to Web Authoring Bill Hart-Davidson AIM: billhd30 Session 2
CSS Introductions. Objectives To take control of the appearance of a Web site by creating style sheets. To use a style sheet to give all the pages of.
Creating Web Documents CSS examples (do more later) Lab/Homework: Read chapters 15 & 16. Work on Project 3, do postings.
Web Basics: HTML/CSS/JavaScript What are they?
CIIT-Human Computer Interaction-CSC456-Fall-2015-Mr
4.01 Cascading Style Sheets
Elements of HTML Web Design – Sec 3-2
>> HTML: Tables.
Madam Hazwani binti Rahmat
Cascading Style Sheets
LAB Work 02 MBA 61062: E-Commerce
HTML Tables CS 1150 Spring 2017.
Tutorial 5 Working with Tables and Columns
CASCADING STYLE SHEET CSS.
Website Design 3
Web Design and Development
Pertemuan 1b
4.01 Cascading Style Sheets
Cascading Style Sheets
Presentation transcript:

HTML Practices

Prerequisite HTML Knowledge Lists Links Tables Images FTP program

And things we will briefly review: Cascading Style Sheets Forms However, these things are taught in the prerequisite class, so they will not be covered extensively here.

HTML Best Practices tags lower-case all tags closed comment all major sections comment tables indent nested elements specify all attributes

Just an HTML Reminder An HTML element consists of a Tag, Attributes, and Values <body text=“green” link=“blue”>

Three Critical Places to Specify all Attributes <body bgcolor= … > Even with background Gray or White? <table border=“0” cellpadding=“0” cellspacing=“0” width=“x%”> <img src=“blahblah.gif” alt=“blah blah” border=“0” height=“x” width=“y”>