HTML : HyperText Markup Language

HTML : HyperText Markup Language

1. The Structure of a HTML code

2. The HTML contains a lot of elements called also "Tags". Here are some Elements

   • <h1> Contents</h1> (To show a level 1 Header) : until we hit h6 the text inbetweeb become more and more smaller
   • <p> Contents</p> : This tags is used to show a simple paragraph in our web page.
   • <hr> and <br> are a two self closing tags and the first one is used to add a horizontal line after an element. and the second one is used to create a line break
   • Lists In HTML
     • Unordered lists
       • To create them use: <ul><li></li></ul> : the ul tag define the type of the list and li tag define the contents
     • Ordered Lists
       • To create them use : <ol><li></li></ol> : ol tag define the type of the list and li tag define the contents... we can add the attribute"type=''" to ol to define the type of the order.
   • <pre> Contents </pre> this tag define a preformatted text and preserves both spaces and line breaks
   • <i></i> and <em></em> are both work the same ,they display a text in italic font. same as <b></b> and <strong></strong> . to display a bolded text
   • Insert Links
     • En general we use <a></a> tag and we need some attributes like:
       • target ="" : can have 4 values :
         • "_self" : Opens the document in the same window/tab as it was clicked
         • '_blank' :Opens the document in a new window or tab
         • "_parent" : Opens the document in the parent frame
         • "_top" : Opens the document in the full body of the window
       • href ="The web site" : by using this attribute we specifie where this link should take us
   • <img src='The url of the image' , alt='a descriptif text of the mage' : We use this self colsing tag to display an image in the web page
   • <table> some other HTML elements</table> : we use this tag to add a table to our web page
     • <theader> <th> Contents </th> </theader> : to define the heade of the table
       • <tbody> Some HTML Elements</tbody> : to define the contents of our table
         • <tr> </tr> : to define the row of the table
         • <td> Content </td> : to insert the txt that we want to display in this column
       • <tfoot> </tfoot> : To define the foot of the table
   • HTML Forms
     • An HTML Form is used to collect the user inputs
       • <form> Some HTML Elements</form> : this tag is used to create a form for the user inputs
         • Form Elements
           • <textarea></textarea> define a muli-line input
           • <label> Contents </label> : is used to create a label for several form elements .the label Tag is useful for the screen-reader users
           • <input type=" an input type"> </input> : used to get an input from the user . it has a lot of values for the type attribute
         • Form Attributes
           • Action Attribute : Define the action to be performed when the form is submitted or the where the data should be sent
           • Method Attribute : Specifies the HTTP method to be used when submitting the form data.

Bilder und Dateien der Mindmap