1 HTML محمد احمدی نیا

2 Of 43 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 markup tags  HTML uses markup tags to describe web pages زبانهای برنامه سازی وب

3 Of 43 HTML - Getting Started  Editing HTML  HTML can be written and edited using many different editors like Dreamweaver and Notepad. .HTM or.HTML File Extension  First.html زبانهای برنامه سازی وب

4 Of 43 HTML Tags  HTML tags are keywords surrounded by angle brackets like  HTML tags normally come in pairs like and  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  HTML Comments زبانهای برنامه سازی وب

5 Of 43 HTML Elements  An HTML element is everything from the start tag to the end tag:  sample text  Nested HTML Elements  Most HTML elements can be nested (can contain other HTML elements).  sample text زبانهای برنامه سازی وب

6 Of 43 The element  The element defines the whole HTML document. The element has a start tag and an end tag. زبانهای برنامه سازی وب

7 Of 43 The element  The element defines the head of the HTML document. The element has a start tag and an end tag.  tag will contain the tag plus any scripts you may have. زبانهای برنامه سازی وب

8 Of 43 The element  The element defines the body of the HTML document. The element has a start tag and an end tag.  The contents of web page placed in this tag زبانهای برنامه سازی وب

9 Of 43 Basic HTML tags

10 Of 43 HTML Attributes  HTML elements can have attributes  Attributes provide additional information about an element  Attributes are always specified in the start tag  Attributes come in name/value pairs like: name="value"  sample text زبانهای برنامه سازی وب

11 Of 43 tag Barbaros Ozdogan Internet Business Systems It is as simple as it sounds-The title element names your document, like title of a book. Every HTML document you create should include a title-and only one title-within the HEAD element. Title

12 Of 43  12 Background color  Attribute added to the tag  There are 16 color names you can add (red, blue, yellow, etc.) or you have to know the hexadecimal code  Examples

13 Of 43 HTML Colors  There are 16 color names you can add (blue, yellow, etc.) or you have to know the hexadecimal code  Colors are displayed combining RED, GREEN, and BLUE light(RGB)  HEX values are specified as 3 pairs of two-digit numbers, starting with a # sign  #FF1A00 زبانهای برنامه سازی وب

14 Of 43 HTML Colors ColorColor HEXColor RGB #000000rgb(0,0,0) #FF0000rgb(255,0,0) #00FF00rgb(0,255,0) #0000FFrgb(0,0,255) #FFFF00rgb(255,255,0) #00FFFFrgb(0,255,255) #FF00FFrgb(255,0,255) #C0C0C0rgb(192,192,192) #FFFFFFrgb(255,255,255) زبانهای برنامه سازی وب

15 Of 43  15 Changing the text color  Same codes as for background color  Attribute of the body tag, too  Example would lead to a light blue page with dark purple text

16 Of 43 Text formatting tags زبانهای برنامه سازی وب

17 Of 43 HTML Headings  Headings are defined with the to tags.  Use HTML headings for headings only. زبانهای برنامه سازی وب

18 Of 43 HTML Headings زبانهای برنامه سازی وب

19 Of 43 HTML Paragraphs  HTML documents are divided into paragraphs.  Paragraphs are defined with the tag. This is a paragraph This is another paragraph زبانهای برنامه سازی وب

20 Of 43 HTML Text Formatting TagDescription Defines bold text Defines big text Defines emphasized text Defines italic text Defines strong text Defines subscripted text Defines superscripted text زبانهای برنامه سازی وب

21 Of 43 HTML Text Formatting زبانهای برنامه سازی وب

22 Of 43 HTML Fonts  The HTML Tag Should NOT be Used  deprecated in HTML 4, and removed from HTML5  Determine font, size and color of text sample font text زبانهای برنامه سازی وب

23 Of 43 HTML Line Breaks  Use the tag if you want a line break (a new line) without starting a new paragraph This is a para graph with line breaks زبانهای برنامه سازی وب

24 Of 43 HTML Lines  The tag creates a horizontal line in an HTML page. This is a paragraph This is a paragraph زبانهای برنامه سازی وب

25 Of 43 HTML Links  Links allow users to click their way from page to page  Links are specified in HTML using the tag.  The tag can be used in two ways:  To create a link to another document, by using the href attribute  To create a bookmark inside a document, by using the name attribute زبانهای برنامه سازی وب

26 Of 43 HTML Link Syntax  link lable  href : destination web page of link  target : The target attribute specifies where to open the linked document.(_self, _blank,…)  link lable : text or image link to second Visit W3Schools! زبانهای برنامه سازی وب

27 Of 43 HTML Links - The name Attribute  A named anchor inside an HTML document:  Useful Tips Section  Create a link to the "Useful Tips Section" inside the same document:  Visit the Useful Tips Section  Or, create a link to the "Useful Tips Section" from another page:  Visit the Useful Tips Section زبانهای برنامه سازی وب

28 Of 43 HTML Images  images are defined with the tag  tag is empty   src: the URL of the image  alt: an alternate text, if the image cannot be displayed  width: specify the width of an image  height: specify the height of an image زبانهای برنامه سازی وب

29 Of 43 HTML Tables  Tables are defined with the tag.  A table is divided into rows (with the tag)  and each row is divided into data cells (with the tag)  A tag can contain text, links, images, lists, forms, other tables, etc. زبانهای برنامه سازی وب

30 Of 43 HTML Tables row 1, cell 1 row 1, cell 2 row 2, cell 1 row 2, cell 2 زبانهای برنامه سازی وب

31 Of 43 Table Attribute AttributeValueDescription align left center right Deprecated. Use styles instead. Specifies the alignment of a table according to surrounding text bgcolor rgb(x,x,x) #xxxxxx colorname Deprecated. Use styles instead. Specifies the background color for a table borderpixelsSpecifies the width of the borders around a table cellpaddingpixels Specifies the space between the cell wall and the cell content cellspacingpixelsSpecifies the space between cells width pixels % Specifies the width of a table زبانهای برنامه سازی وب

32 Of 43 HTML Lists  The most common HTML lists are ordered and unordered lists:  An ordered list: 1.The first list item 2.The second list item 3.The third list item  An unordered list: o List item زبانهای برنامه سازی وب

33 Of 43 HTML Unordered Lists  An unordered list starts with the.  Type: Specifies the kind of marker (disc, square, circle)  Each list item starts with the tag.  The list items are marked with bullets Coffee Milk Coffee Milk زبانهای برنامه سازی وب

34 Of 43 HTML Ordered Lists  An ordered list starts with the tag.  Type: Specifies the kind of marker (1,A, a, I,i)  Start: Specifies the start value  Each list item starts with the tag.  The list items are marked with numbers. Coffee Milk 3.Coffee 4.Milk زبانهای برنامه سازی وب

35 Of 43 HTML Forms and Input  HTML Forms are used to select different kinds of user input.  HTML forms are used to pass data to a server.  A form can contain input elements like:  text fields, checkboxes, radio-buttons, submit buttons, select lists, textarea and …  The tag is used to create an HTML form:. input elements. زبانهای برنامه سازی وب

36 Of 43 HTML Forms - The Input Element  The most important form element is the input element.  An input element can be of type text field, checkbox, password, radio button, submit button, and more.  زبانهای برنامه سازی وب

37 Of 43 Text Fields  defines a one-line input field that a user can enter text into: First name: Last name: زبانهای برنامه سازی وب

38 Of 43 Password Field  defines a password field: Password: زبانهای برنامه سازی وب

39 Of 43 Radio Buttons  defines a radio button.  Radio buttons let a user select ONLY ONE of a limited number of choices Male Female زبانهای برنامه سازی وب

40 Of 43 Checkboxes  defines a checkbox  Checkboxes let a user select ONE or MORE options of a limited number of choices. I have a bike I have a car زبانهای برنامه سازی وب

41 Of 43 Submit Button  defines a submit button.  A submit button is used to send form data to a server  The data is sent to the page specified in the form's action attribute Username: زبانهای برنامه سازی وب

42 Of 43 drop-down menu  create a simple drop-down list. Volvo Saab Fiat Audi زبانهای برنامه سازی وب

43 Of 43 textarea element  create a multi-line text input control.  In a text-area the user can write an unlimited number of characters. The cat was playing in the garden زبانهای برنامه سازی وب