Basic HTML UCR Webmasters Support Group Derk Adams.

Slides:



Advertisements
Similar presentations
Introduction to HTML. A Web Page is.. An ASCII (text) file.. Whose filename ends with.htm or.html –index.html or cookie-recipe.htm Contains HTML tags.
Advertisements

HTML Basics 1450 Technology Seminar Copyright 2003, Matthew Hottell.
HTML and CSS. HTML Hyper Text Markup Language Tells browser how to display text and images.
HTML popo.
Internet Services and Web Authoring (CSET 226) Lecture # 5 HyperText Markup Language (HTML) 1.
1 Lesson 5. 2 R3 R1 R5 R4 R6 R2 B B A A
1 تقنيات الانترنت عال457 HTML. 2 HTML  HTML – HyperText Markup Language – The Language of Web Pages on the World Wide Web. HTML is a text formatting.
HTML / CSS – Basics Why the heck are we doing this?
INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE 1. Outline  Introduction  Markup Languages  Editing HTML  Common Tags  Headers  Text Styling  Linking.
Today’s Goals What is HTML?
HTML and Web Page Design Presented by Frank H. Osborne, Ph. D. © 2005 ID 2950 Technology and the Young Child.
Introduction to HTML CPS470 Software Engineering Fall 1998.
HTML Programming last updated 9/12/05 at 1:30pm HyperText Markup Language Reference: – HTML BasicsHTML Basics An HTML program is a set of paired tags that.
CS /13 DePaul University SNL 262 Advanced Web Page Design Review & Introduction - I Instructor: David A. Lash.
Introduction to HTML HTML = Hypertext Markup Language HTML is a very weak language (basically nil). –Not designed to do computation. HTML is designed specifically.
Creating a Web Page HyperText Markup Language. HTML Documents  Created using any text editor  Notepad  Vi, Pico, or Emacs  If using word-processor,
1 HTML / Website Creation. 2 HTML – HyperText Markup Language  For formatting Web pages  Ordinary text can be created using any Text editor: e.g. NotePad,
1 HTML/CSS Tutorial. 2 Definitions WWW -- a software infrastructure layered on top of the Internet HTTP -- HyperText Transport Protocol, layered on top.
Computer Science 101 HTML. World Wide Web Invented by Tim Berners-Lee at CERN, the European Laboratory for Particle Physics in Geneva, Switzerland (roughly.
Introduction to HTML. Topics HTML –What is HTML –Parts of an HTML Document –HTML Tags.
Define html document byusing Example : Title of the document The content of the document......
ACM 511 HTML Week -1 ACM 511 Course Notes. Books ACM 511 Course Notes.
HTML H yper T ext M arkup L anguage. HTML HTML is NOT case sensitive However, proper coding etiquette if for all to be in ALL CAPS and for text to be.
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.
McGraw-Hill/Irwin Copyright © 2013 by The McGraw-Hill Companies, Inc. All rights reserved. Extended Learning Module F Building a Web Page with HTML.
1 Basic HTML. 2 Part 1: Basic Web Page Production.
Unit 1 — HTML BASICS Lesson 2 — HTML Organization Techniques.
C1999 Kathleen Schrock 1 Basic HTML By Kathy Schrock.
Copyright (c) 2004 Prentice-Hall. All rights reserved. 1 Committed to Shaping the Next Generation of IT Experts. Formatting Text and Lists Essentials for.
1 HTML John Sum Institute of Technology Management National Chung Hsing University.
Explorers Guild April 27, What is HTML? Hypertext Markup Language (HTML) is the basic building block of the World Wide Web page. HTML files are.
Just Enough HTML How to Create Basic HTML Documents.
All you ever needed to know…and more!. H.T.M.L. HyperText Mark-up Language Web’s programming language All web browsers Set of instructions Written with.
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.
HTML Basic IST2101. Keep In Mind Programming can be time consuming. Plan ahead!
Academic Year, Spring Semester Bilkent University - Faculty of Art, Design and Architecture Department of Communication and Design CS 153 Introduction.
CPSC 203 Introduction to Computers Lab 33 By Jie Gao.
Georgia Institute of Technology Making Text for the Web Barb Ericson Georgia Institute of Technology March 2006.
Introduction to HTML. HTML Introduction HTML – Hypertext Markup Language are the instructions that tell a browser how to lay out the information (text,
HTML Basics. HTML Introduction Stands for HyperText Markup Language. HTML files are plain text files with mark ups. Some characteristics of HTML: –No.
HTML for ISD Brown Bag Presentation Session 2 What we will cover:  Basics of HTML  How to make your first page  Links  Text formatting.
HTML Basics Computers. What is an HTML file? *HTML is a format that tells a computer how to display a web page. The documents themselves are plain text.
Web programming Part 1: HTML 由 NordriDesign 提供
HTML BASIC IST 210: Organization of Data IST210 1.
HTML – The Basics COE 201- Computer Proficiency. The Internet The World Wide Web ▫Also known as the Web ▫Created in 1989  European Laboratory for Particle.
HTML World Wide Web Consortium What does HTML stand for? – – –
WEEK -1 ACM 262 ACM 262 Course Notes. HTML What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML.
Take Web Design Presurvey Username: First initial, last name For example, Omar Estrella -> oestrella Password: Same as.
Basic HTML Programming Technology Education Ellsworth Community Middle School Communication Systems.
Your HTML website creating your first html file. Creating an HTML FIle Open note pad from accessories, programs. Write code. Save and view. In 3 Steps.
HTML: Hypertext Markup Language The language to make web pages 0.
HTML – The Basics Rebecca Shillingburg
2 Apr 04 1 Application Software Practical 13/14 HTML / Website Creation.
Basic Steps to create a Website using HTML5. Hypertext Markup Language.
Introduction to Hypertext Markup Language James H. Harrison, Jr., M.D., Ph.D. Center for Biomedical Informatics University of Pittsburgh Medical Center.
SIBILL Workshop: Web Design 1 Course Roadmap (Part 1) Introduction – What is HTML? – HTML Editors – How do I put it all online? Basic Markup Tags – How.
1 HTML. 2 Full forms WWW – world Wide Web HTTP – Hyper Text Transfer Protocol HTML – Hyper Text Markup Language.
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.
Elements of HTML Web Design – Sec 3-2
What is HTML? Structure of HTML Document HTML TAG HEAD TAG TITLE TAG
What is HTML? Structure of HTML Document HTML TAG HEAD TAG TITLE TAG
CSCI-235 Micro-Computers in Science
HTML (HyperText Markup Language)
What is HTML? Structure of HTML Document HTML TAG HEAD TAG TITLE TAG
What is HTML? Structure of HTML Document HTML TAG HEAD TAG TITLE TAG
What is HTML? Structure of HTML Document HTML TAG HEAD TAG TITLE TAG
Html.
Basic HTML.
Johan Ng and Muhammad Hazzry
Presentation transcript:

Basic HTML UCR Webmasters Support Group Derk Adams

What is HTML Hyper-Text Markup Language. Markup vs. Programming. Tags Tag Case. White Space.

Getting Started First Page. –index.html –default.htm –Welcome.html Choosing Names. Case Sensitivity.

Document Tags HTML Header Body

Header Title Metatags. My Page JavaScript. CSS.

Color Common names: red, blue, green. Hexadecimal: ff0000, 0000ff, 00ff00. Hex counting: > 0-f. Color Structure: rrggbb

Body Background Color: bgcolor=“” Text Color: text=“” Link Color: link=“” Visited Link Color: vlink=“” My Page This is my first Page.

References Absolute Reference Relative Reference alpha.html

Spacing Line Break Paragraph Horizontal Rule My Page This is my first Page.

Text Formatting My Page This is my first Page. Bold Italics Center

Structure to My Page My First Page This is my first Page.

Links Link Text My Page My First Page This is my first Page. My first link

Images My Page My First Page This is my first Page. My first link

Questions?

Bullets Unordered List (bullets): Ordered List (numbers/letters): Line Items: Definition List: Definition Term: Definition Items:

Bullets Item 1 Item 2 Item 1 Item 2 Item 1 Item 2