From http://www.w3schools.com HTML From http://www.w3schools.com.

Slides:



Advertisements
Similar presentations
HTML Basic Lecture What is HTML? HTML (Hyper Text Markup Language) is a a standard markup language used for creating and publishing documents on.
Advertisements

Introduction to Web Design Lecture number:. Todays Aim: Introduction to Web-designing and how its done. Modelling websites in HTML.
Farhan Nisar University of Peshawar
Introduction to HTML
Introduction to HTML & CSS
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.
HyperText Markup Language (HTML). Introduction to HTML Hyper Text Markup Language HTML Example The structure of an HTML document Agenda.
Hyper Text Markup Language.  HTML is a language for describing web pages.  HTML stands for Hyper Text Markup Language  HTML is not a programming language,
WeB application development
Website Design.
A guide to HTML. Slide 1 HTML: Hypertext Markup Language Pull down View, then Source, to see the HTML code. Slide 1.
ASHIMA KALRA.  WHAT IS HTML WHAT IS HTML  HTML TAGS HTML TAGS  FORMATTING TAGS FORMATTING TAGS.
INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE 1. Outline  Introduction  Markup Languages  Editing HTML  Common Tags  Headers  Text Styling  Linking.
MR.Mohammed Sharaf al Shareef
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;
COMP101 – Exploring Multimedia and Internet Computing LA2 (Thu 14:00 – 16:50) TA: Jackie Lo.
HTML BASIC
BASIC HTML TUTORIAL Amber Brady. HTML tags are keywords surrounded by angle brackets like HTML tags normally come in pairs like and The first tag in a.
CS105 Introduction to Computer Concepts HTML
HTML. We’ll learn … What HTML is What tags are What a basic web page looks like What 3 HTML tags are required What HTML comments look like How to title.
HTML. What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is a markup language A markup language.
What is HTML? HTML is a language for describing web pages. –HTML stands for Hyper Text Markup Language –HTML is a markup language –A markup language is.
Ku-Yaw Chang Assistant Professor, Department of Computer Science and Information Engineering Da-Yeh University.
DAT602 Database Application Development Lecture 14 HTML.
HTML basics exercises.
Learning HTML. HTML Attributes HTML elements can have attributes Attributes provide additional information about an element Class – specifies a class.
HTML Structure & syntax
ACM 511 HTML Week -1 ACM 511 Course Notes. Books ACM 511 Course Notes.
HTML INTRODUCTION, EDITORS, BASIC, ELEMENTS, ATTRIBUTES.
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 HTML محمد احمدی نیا 2 Of 43 What is HTML?  HTML stands for Hyper Text Markup Language  HTML is not a programming language, it.
HTML CRASH COURSE. What is HTML?  Hyper Text Markup Language  The language used to make web pages  Written by using tags.
HTML INTRODUCTION. What is HTML?  HTML stands for Hypertext Markup Language  Developed in 1990  Hidden code that helps us communicate with others on.
Basic HTML PowerPoint How Hyper Text Markup Language Works
Hypertext Mark-Up Language Web Page Creation HTML.
HTML Codes Miss B.
CS105 INTRODUCTION TO COMPUTER CONCEPTS HTML Instructor: Cuong (Charlie) Pham.
Introduction to HTML Wah Yan College (Hong Kong) Mr. Li C.P.
Organization Components (Lists, Table & Frame) Wah Yan College (Hong Kong) Mr. Li. C.P.
HTML Darby Tien-Hao Chang Department of Electrical Engineering National Cheng Kung University.
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.
Introduction to HTML Xiangming Mu 9/23/ Learning Objectives Understand basic HTML tags and their attributes Learn to create a simple HTML page.
HTML.
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.
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.
University of South Asia Course Name: Web Application Prepared By: Md Rezaul Huda Reza
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.
CPSC 203 Introduction to Computers Lab 23 By Jie Gao.
HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.
HTML cancho. HTML HyperText Markup Language A set of HTML tags.
HTML Paragraphs Paragraphs are defined with the tag. Example This is a paragraph This is another paragraph.
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.
Basic HTML Introduction to HTML.
Introduction to Programming
Pertemuan 1 Desain web Pertemuan 1
Web Basics: HTML/CSS/JavaScript What are they?
Elements of HTML Web Design – Sec 3-2
Mansoor Ahmed Bughio.
WEB PAGES: CREATING AND MAINTAINING **
Elements of HTML Web Design – Sec 3-2
WEBSITE DESIGN Chp 1
Essentials of HTML.
Internet Technologies I - Lect.01 - Waleed Ibrahim Osman
HTML What is Html? HTML stands for Hypertext Markup Language.
Web Application Development
Pertemuan 1 Desain web Pertemuan 1
HyperText Markup Language
A Summary of Some Key Points from Chapters
Web Programming and Design
Presentation transcript:

From http://www.w3schools.com HTML From http://www.w3schools.com

ما هي لغة HTML لغة لوصف صفحات الويب . HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup language HTML uses markup tags to describe web pages

Html tag Don't Forget the End Tag HTML markup tags are usually called HTML tags HTML tags are keywords surrounded by angle brackets like <html> HTML tags normally come in pairs like <b> and </b> The first tag in a pair is the start tag, the second tag is the end tag Start and end tags are also called opening tags and closing tags Nested tag Don't Forget the End Tag

استخدام notepad نكتب جمل HTML على Notepad نقوم بتخزينها كالأتي ::::NAME.HTML

عناوين HTML <h1>This is a heading</h1> <h2>This is a heading</h2> <h3>This is a heading</h3>

روابط HTML <a href="http://www.google.com">This is a link to google</a>

صور HTML <img src=”عنوان+اسم الصورة" width="104" height="142" />

التعليق و الخط و الفاصل في HTML <!-- This is a comment --> <hr /> <br> or <br />

Exercise ما هو عمل كل من: Tag work <b> <big> <em> <i> <small> <strong> <center> <u>

حجم و لون و نوع الخط <p style="font-family:verdana;font-size:110%;color:green"> النص الكتابي </p>

لون خلفية الشاشة <body style="background-color:yellow;"> <h2 style="background-color:red;">This is a heading</h2> <p style="background-color:green;">This is a paragraph.</p>

الصورة كرابط <a href="default.asp"> <img src=”اسم+عنوان الصورة" alt="HTML tutorial" width="32" height="32" /> </a>

رابط داخل الصفحة <a name="tips">Useful Tips Section</a> <a href="#tips">Visit the Useful Tips Section</a>

الجداول بلغة HTML <table border="1"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table>

القوائم بلغة HTML <ul> <li>Coffee</li> <li>Milk</li> </ul> <ol> <li>Coffee</li> <li>Milk</li> </ol> <dl> <dt>Coffee</dt> <dd>- black hot drink</dd> <dt>Milk</dt> <dd>- white cold drink</dd> </dl>