To. An easy way to explain the internet is to think of your school computers all linked together into a network that you can put information into.

Slides:



Advertisements
Similar presentations
Introduction to Web Design Lecture number:. Todays Aim: Introduction to Web-designing and how its done. Modelling websites in HTML.
Advertisements

HTML Basics Customizing your site using the basics of HTML.
HyperText Markup Language (HTML). Introduction to HTML Hyper Text Markup Language HTML Example The structure of an HTML document Agenda.
WeB application development
Website Design.
MMDE5011 – INTERACTIVE MEDIA PRACTICE 1 WEEK 1: INTRODUCTION TO HTML5
LIST- HYPERLINK- IMAGES
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;
CM143 - Web Week 2 Basic HTML. Links and Image Tags.
Developing a Basic Web Page with HTML
Hypertext Markup Language (HTML) Created by Sarah Dooley & Amanda Foster Edited and presented by Caroline Hallam September 9, 2014.
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.
UNDERSTANDING WEB AND WEB PROJECT PLANNING AND DESIGNING AND EFFECTIVE WEBSITE Garni Dadaian.
HTML Tags. Objectives Know the commonly used HTML tags Create a simple webpage using the HTML tags that will be discussed.
Ku-Yaw Chang Assistant Professor, Department of Computer Science and Information Engineering Da-Yeh University.
HTML HTML stands for "Hyper Text Mark-up Language“. Technically, HTML is not a programming language, but rather a markup language. Used to create web pages.
.  Entertain  Inform  Educate  Blogs  Sell  Date  Gamble  Religion.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
1 Essential HTML coding By Fadi Safieddine (Week 2)
Introduction to HTML5. History of HTML HTML first published – Tim Berners-Lee HTML 2.0 HTML 3.2 HTML 4.01 XHTML 1.0 XHTML 2.0.
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.
NASRULLAH KHAN.  Lecturer : Nasrullah   Website :
Introduction to HTML. HTML Hyper Text Markup Language Page Title My First Heading My first paragraph. Page Title My First Heading My first paragraph.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
Introduction to HTML. What is a HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup tags  The.
What is Markup and Markup Languages? What is HTML? A Basic HTML Document Basic HTML Tags Tag Attributes and Text Formatting Tags Insert Hyperlinks Add.
HTML CSS JAVASCRIPT. HTML - Stands for Hyper Text Markup Language HTML is a ‘language’ that describes web pages. This language is a collection of codes.
Introduction to HTML Tutorial 1 eXtensible Markup Language (XML)
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
HTML Structure & syntax. Introduction This presentation introduces the following: Doctype declaration HTML Tags, Elements and Attributes Sections of a.
HTML: Hyptertext Markup Language Doman’s Sections.
Week 1 – Beginners Content McAfee & Big Fish Games CoderDojo.
Ali Alshowaish. What is HTML? HTML stands for Hyper Text Markup Language Specifically created to make World Wide Web pages Web authoring software language.
Introduction to HTML Xiangming Mu 9/23/ Learning Objectives Understand basic HTML tags and their attributes Learn to create a simple HTML page.
Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.
Introducing the World Wide Web Internet- a structure made up of millions of interconnected computers whose users communicate with each other and share.
Introduction to HTML. Today’s Discussion What is HTML ? What is HTML ? What is Web Page ? What is Web Page ? Web Server Web Server Web Browser Web Browser.
HTML BTEC National in Computing Section5. Create Information “HTML: defining HTML, discussing HTML uses and demonstrating HTML basics, HTML structure…..
How the Web Works Building a Website – Lesson 1. How People Access the Web Browsers People access websites using software called a web browser. To view.
Web Application Programming Presented by: Mehwish Shafiq.
Chapter 4 Applets Cop Why Applets? WWW makes huge information available to anyone with web browser. Web server send web pages and images to your.
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.
HTML Hyper Text Markup Language 1BFCET BATHINDA. Definitions Web server: a system on the internet containing one or more web site Web site: a collection.
HTML IMAGES. CONTENTS IMG Tag Alt Attribute Setting Width and Height Of An Image Summary Exercise.
NASRULLAH KHAN.  Lecturer : Nasrullah   Website :
Spiderman ©Marvel Comics Creating Web Pages (part 1)
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.
REEM ALMOTIRI Information Technology Department Majmaah University.
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring
HTML Basic Structure. Page Title My First Heading My first paragraph.
HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.
Tutorial #1 Using HTML to Create Web Pages. HTML, XHTML, and CSS HTML – HyperText Markup Language The tags the browser uses to define the content of the.
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.
Web Development. Agenda Web History Network Architecture Types of Server The languages of the web Protocols API 2.
Fall 2016 CSULA Saloni Chacha
Introduction and HTML overview
Introduction to HTML.
Prepared by Dr. Maher Abuhamdeh 2014/2015 First semester
Web Basics: HTML/CSS/JavaScript What are they?
HTML basics
Mansoor Ahmed Bughio.
HTML.
Basic HTML and Embed Codes
Internet Technologies I - Lect.01 - Waleed Ibrahim Osman
Pertemuan 1b
Chapter 16 The World Wide Web.
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
Pertemuan 1 Desain web Pertemuan 1
Presentation transcript:

To

An easy way to explain the internet is to think of your school computers all linked together into a network that you can put information into and get information out that you and other people in your school have put in. Now imagine that a friend from another school wants to use your information and give you some of hers. You both connect your computers to modems that allow your computers to share information. Other networks can connect to yours and to other networks. This is called inter-networkingor the internet as it became known. It is a way of sending information from one computer to another anywhere in the world using phones or satellites, radio links and a lot of other ways.

In the 1960s a group of researchers working for the USA Government Defence Department invented a computer network that could keep working even if some of the computers were lost or damaged, eg during a war or a natural disaster. It was called the ArpaNet Over the next 20 years or so big businesses, universities and other researchers joined this network until they made a web of networks that were all linked. Then ordinary people started to use the internet and today there are millions of people all over the world who can use the internet in lots of different ways.

There are two things that you have to be aware of on the internet. 1.Keeping your personal details safe. 2.Being aware that people are not always who they pretend to be.

HTML In 1990, Tim Berners-Lee develops HTML, which made a huge contribution to how we navigate and view the Internet today1990Tim Berners-LeeHTML WWW Tim Berners-LeeTim Berners-Lee introduces WWW to the public on August 6,1991. The World Wide Web (WWW) is what most people today consider the "Internet" or a series of sites and pages that are connected with links. The Internet as a whole had hundreds of people who helped developed the standards and technologies that make it what it is today, but without the WWW the Internet would not be as popular and useful as it is today.WWW1991

The first website at CERN - and in the world - was dedicated to the World Wide Web project itself and was hosted on Berners-Lee's NeXT computer. The website described the basic features of the web; how to access other people's documents and how to set up your own server. The NeXT machine - the original web server - is still at CERN. As part of the project to restore the first website, in 2013 CERN reinstated the world's first website to its original address.project to restore the first website On 30 April 1993 CERN put the World Wide Web software in the public domain. CERN made the next release available with an open licence, as a more sure way to maximise its dissemination. Through these actions, making the software required to run a web server freely available, along with a basic browser and a library of code, the web was allowed to flourish.basic browser

HTML is a markup language for describing web documents (web pages). HTML stands for Hyper Text Markup Language A markup language is a set of markup tags HTML documents are described by HTML tags Each HTML tag describes different document content

Page Title My First Heading My first paragraph.

The DOCTYPE declaration defines the document type to be HTML The text between and describes an HTML document The text between and provides information about the document The text between and provides a title for the document The text between and describes the visible page content The text between and describes a heading The text between and describes paragraph Using this description, a web browser can display a document with a heading and a paragraph.

HTML Headings HTML headings are defined with the to tags: Example This is a heading

HTML paragraphs are defined with the tag: Example This is a paragraph. This is another paragraph.

HTML links are defined with the tag: Example This is a link Or Carmarthen Coder Dojo The link address is specified in the href attribute. Attributes are used to provide additional information about HTML elements.

HTML images are defined with the tag. The source file (src), alternative text (alt), and size (width and height) are provided as attributes: Example

HTML paragraphs are defined with the tag. In this example, the element has a title ( Tooltip )attribute. The value of the attribute is "About W3Schools": W3Schools is a web developer's site. It provides tutorials and references covering many aspects of web programming, including HTML, CSS, JavaScript, XML, SQL, PHP, ASP, etc.

HTML links are defined with the tag. The link address is specified in the href attribute: This is a link

HTML images are defined with the tag. The filename of the source (src), and the size of the image (width and height) are all provided as attributes:

The alt attribute specifies an alternative text to be used, when an HTML element cannot be displayed. The value of the attribute can be read by "screen readers". This way, someone "listening" to the webpage, i.e. a blind person, can "hear" the element.

HTML Tag Coffee Tea Milk Coffee Tea Milk

TagDescription Defines bold text Defines a single line break Defines text that should be stylistically different from normal text

Your Exercise: Add a tooltip to the paragraph below. Hint: Use a title attribute.

Your Exercise: Change the size of the image below.

Your Exercise: Change the destination of the link.

Check out :- And