Posts

Showing posts from January, 2021

Learning HTML - Day 8

Image
  Today is 01 February 2021 and it is my eight day to learn HTML 🙋 Day 8 - Time 8.00 pm - 9.15 pm LAYOUT Layout -  HTML layouts  provide a way to arrange web pages in well-mannered, well-structured, and in responsive form or we can say that  HTML layout  specifies a way in which the web pages can be arranged. Web-page  layout  works with arrangement of visual elements of an  HTML  document. < nav >: The Navigation Section  element The  HTML  < nav >  element  represents a section of a page whose purpose is to provide navigation links, either within the current document or to other documents. Common examples of navigation sections are menus, tables of contents, and indexes The  HTML  < article > element represents a self-contained composition in a document, page, application, or site, which is intended to be independently distributable or reusable (e.g., in syndication). The “ clear : ...
Post a Comment
Read more

Learning HTML - Day 7

Image
  Today is 29th January 2021 and it is my seventh day to learn HTML 🙋 Day 6 - Time 8.00 pm - 9.15 pm IFRAMES The <iframe> tag specifies an inline frame. An inline frame is used to embed another document within the current HTML document. An iframe (short for inline frame) is an HTML element that allows an external webpage to be embedded in an HTML document. Unlike traditional frames, which were used to create the structure of a webpage, iframes can be inserted anywhere within a webpage layout. An HTML iframe is used to display a web page within a web page. Syntax <iframe src="url" title="description"> Tip: It is a good practice to always include a title attribute for the <iframe>. This is used by screen readers to read out what the content of the iframe is. Iframe - Set Height and Width Use the height and width attributes to specify the size of the iframe. The height and width are specified in pixels by default Code - Inserting my website inside an...
Post a Comment
Read more

Learning HTML - Day 6

Image
    Today is 29th January 2021 and it is my fourth day to learn HTML 🙋 Day 6 - Time 8.00 pm - 9.15 pm Day 1          Day 2 <form> Defines an HTML form for user input <input> Defines an input control <textarea> Defines a multiline input control (text area) <label> Defines a label for an <input> element <fieldset> Groups related elements in a form <legend> Defines a caption for a <fieldset> element <select> Defines a drop-down list <optgroup> Defines a group of related options in a drop-down list <option> Defines an option in a drop-down list <button> Defines a clickable button <datalist> Specifies a list of pre-defined options for input controls <output> Defines the result of a calculation An HTML form is used to collect user input. The user input is most often sent to a server for processing. It is  a section of a document containing normal...
Post a Comment
Read more

Learning HTML - Day 5

Image
  Today is 29th January 2021 and it is my fourth day to learn HTML 🙋 Day 4 - Time 8.00 pm - 9.15 pm Day 1          Day 2 Decorating a Table -  The HTML  class  attribute specifies one or more class names for an element Classes are used by CSS and JavaScript to select and access specific elements The  class  attribute can be used on any HTML element The class name is case sensitive Different HTML elements can point to the same class name JavaScript can access elements with a specific class name with the  getElementsByClassName()  method  - Example 1 - Without style attribute <html> <head> <title>My web page</title> </head> <body> <table border="2px" bordercolor="blue"> <caption>Example</caption> <tr> <th>Name</th> <th>Country</th> <th>Profession</th> </tr> <tr> <td>Sachin Tendulkar</td> <td>Ind...
Post a Comment
Read more

Learning HTML - Day 4

Image
  Today is 28th January 2021 and it is my fourth day to learn HTML 🙋 Day 4 - Time 8.00 pm - 9.15 pm Day 1          Day 2 Recap -    HTML structure, Header tags, Paragraph tags, line break, horizontal line break, text tags, text color, background image, links, table Recap of the previous days -  Code -  <html> <head> <title>My Web page</title> </head> <body background="https://images.pexels.com/photos/1831234/pexels-photo-1831234.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500"> <h3>Added an image from web</h3> <h1>This line is withing H1 tag</h1><br> <p><font ="calibri" size="5" color="blue">Paragraph tags start with p</font></p> <p><h3><b>This is bold,</b><i>this is italic,</i><u>this is underlined,</u>using <mark>mark</mark></h3></p> <ol> <li>Apple</li...
Post a Comment
Read more

Learning HTML - Day 3

Image
  Today is 25th January 2021 and it is my first day to learn HTML 🙋 Day 3 - Time 12:30 pm - 2.30 pm Day 1      Day 2 Now that I am bit familiar so will start by defining Agenda and will try to cover them Agenda - Table, Basics of Layout Table - All tags  HTML  <table>  element to define a table   HTML  <tr>  element to define a table row   HTML  <td>  element to define a table data   HTML  <th>  element to define a table heading   HTML  <caption>  element to define a table caption   CSS  border  property to define a border   CSS  border-collapse  property to collapse cell borders   CSS  padding  property to add padding to cells   CSS  text-align  property to align cell text   CSS  border-spacing  property to set the ...
Post a Comment
Read more