UNDERSTANDING HTML Tags VS Attributes. Element An element in HTML represents some kind of structure and generally consists of a start tag, content, and.

Slides:



Advertisements
Similar presentations
Tables in HTML Web Design Fairport High School Technology Department Instructor: Gianni Bussani.
Advertisements

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.
Communicating Information: Web Design
WeB application development
Cascading Style Sheets
CSS The basics { }. CSS Cascading Style Sheets - language used to – describe html appearance & formatting Style Sheet - file that describes – how html.
HTML Primer. What is HTML? HTML stands for Hyper Text Markup Language A markup language is a set of markup tags HTML documents are described by HTML tags.
CSS CSS Precise Aesthetic Control. Cascading Style Sheets Though they can be put in HTML header, usually a separate page that the HTML links to Contains.
Chapter 2 Horizontal Rules & Lists Dreamweaver for College & Business.
 CSS ids  Pages  Sites  HTML: class=“name”  Names may define format OR content › Either works  CAN apply multiple classes to the same tag  Multiple.
Made by: Dan Ye. Introduction Basic Last Page ☆ HTML stands for Hyper Text Markup Language; ☆ HTML is not a programming language, it is a markup language;
 2008 Pearson Education, Inc. All rights reserved. 1 Introduction to HTML.
Attributes of HTML tags Skills: none IT concepts: HTML tag, value, attribute This work is licensed under a Creative Commons Attribution-Noncommercial-
HTML Elements. HTML documents are defined by HTML elements.
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.
Basics of HTML. Example Code Hello World Hello World This is a web page.
Computer Sciences Department
Basics of HTML.
_ HTML, XHTML & CSS Sami Niemelä | Module 1: Introduction to digital media: Day 02.
HTML Structure & syntax
Unit 3 Day 2 FOCS – Web Design. Journal Unit #3 Entry #1 Which of the videos that we saw yesterday did you find the most interesting? What was it about.
HTML. WHAT IS HTML HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup language A markup language is a set of.
1. Short History Of HTML HTML was invented in 1990 by a scientist called Tim Berners-Lee. The purpose was to make it easier for scientists at different.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
Getting Started with HTML Please use speaker notes for additional information!
Introduction to HTML. What is HTML? Hyper Text Markup Language (HTML) is a language for describing web pages. HTML is not a programming language, it is.
HTML Basics Let’s Make a Web Page. What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a.
Introducing Web Tables. Tables for tabulating items  Better looking  More flexibility  More efficient to explain information than plain text.
HTML Basic. 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.
Introduction to HTML Year 8. What is HTML O Hyper Text Mark-up Language O The language that all the elements of a web page are written in. O It describes.
11/12/2015 Box Model Reed Crouch. 11/12/2015  HTML elements can be considered as boxes. In CSS, the term "box model" is used when referring to layout.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
FRACTIONS & SHAPES BY:. How many of these are colored red? * out of *.
Text Building a Website Lesson 3. Headings,,,,, Headings,,,,, HTML has 6 levels of headings,,,,,,,,,, is used for main headings is used for main headings.
Behind every site is a mix of special languages that your web browser understands The main way of describing any website is HTML HTML stands for Hyper.
HTML Basic Structure. Page Title My First Heading My first paragraph.
Copyright © 2012 Certification Partners, LLC -- All Rights Reserved Lesson 5: HTML Tables.
HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.
HTML Tutorial. What is HTML HTML is a markup language for describing web documents (web pages) HTML documents are described by HTML tags Each HTML tag.
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.
NOTEPAD++ Lab 1 1 Riham ALSmari. Why Notepad++ ?  Syntax highlighting  Tabbed document interface  Zooming  Indentation code  Find and replace over.
Hypertext Markup Language.  A markup language use for creating web pages  It is an instruction to a webpage on how it will look Prepared by: Mark Wilson.
Basic HTML Introduction to HTML.
Fall 2016 CSULA Saloni Chacha
HTML basics
Mansoor Ahmed Bughio.
3.00cs HTML Overview 3.00cs Develop webpages.
Intro to CSS CS 1150 Fall 2016.
HTML Images CS 1150 Spring 2017.
Intro to CSS CS 1150 Spring 2017.
3.02D HTML Overview 3.02 Develop webpages.
Tepp Räisänen Liike/OAMK 2011
XML.

What is HTML anyway? HTML stands for HyperText Markup Language. Developed by scientist Tim Berners-Lee in 1990, HTML is the "hidden" code that helps us.
HTML What is it? HTML is a computer language devised to allow website creation. These websites can then be viewed by anyone else connected to the Internet.
Introduction to XHTML Cont:.
What is HTML?.
HTML Images CS 1150 Fall 2016.
Pertemuan 1b
Introduction to HTML.
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
Web Application Development
Pertemuan 1 Desain web Pertemuan 1
HyperText Markup Language
Lesson 5: HTML Tables.
3.02D HTML Overview 3.02 Develop webpages.
4.02A HTML Overview 4.02 Develop web pages using various layouts and technologies. (Note to instructor: HTML tags are in red only to differentiate from.
Barlogik Mathsbee (final)
HTML Tag Format content Tiger Loose in City! Hello
Presentation transcript:

UNDERSTANDING HTML Tags VS Attributes

Element An element in HTML represents some kind of structure and generally consists of a start tag, content, and an end tag.

Tag Tags are used to mark up the text. A Start Tag consists of an opening angle bracket (<), the element, the attribute, and the closing bracket.   start tag with no attribute An End tag consists of an opening angle bracket followed by a forward slash, the element name, and a closing angle bracket 

Empty Container There are also some elements that are empty, meaning that they only consist of a single tag and do not have any content. In HTML, such tags look just like opening tags:

Attributes An attribute defines a property for an element, consists of an attribute, and appears within the element’s start tag. Tags Attributes …

Tag Attributes Shirt Jewelry Long sleeve, blue, turtle neck, sweater Bracelet, silver, with round diamonds and saphires, and a heart charm. Tags VS Attributes Attributes are ways to describe your tags!

Tag or Attribute behavior= “…” direction= “…” height= “…” … width= “…” …

The answers… behavior= “…” direction= “…” height= “…” … width= “…” … Tags are green Attributes are purple