Posts

Showing posts from September, 2020

formatting a page for better optimization

 formatting a page <header> <main>     <article>          <section>               <aside>               </aside>          </section>          <section>          </section>     </article> <main> <footer> </footer> though these tags shows no difference to the documents, they can be used for better search engine optimization.
Image
 CSS syntax eg: h1{                              text-align( property to change ): center(value);          color: blue;      } Selecting elements in CSS CSS Classes .(dot) specifies naming a class and class name immediately after class CSS IDs CSS Combinators specifies li's inside of ul's  here ul li acts as a selector of all the items that are in list of ul.

Lists and tables

Image
 Lists ul: unordered list li: list items ol: ordered list for unordered list, use <ul> </ul> output: For ordered list: use <ol> </ol> automatic numberiing numbers change Nested List Output: Capital cities Beijing  moscow Madrid Bogota Large cities Sao Paulo Neighbourhood Centro Higien jordians karachi mumbai Tables table tags are <table>    </table> <tr> :: table rows <th> :: table headings <td> :: table data <table >   <tr>     <th>Firstname     </th>     <th>Lastname     </th>     <th>Age           </th>   </tr>   <tr>     <td>Jill</td>     <td>Smith</td>     <td>50</td>   </tr>   <tr>     <td>Eve</td>     <td>Jackson</td...

images

basic structure of html <html>        <head>          <title>1st pen</title>                 <div>                        <h1> <p><b>hello<em> my name is samit baral. </b>i read in class 14.</em></p></h1>                 </div>          <div>               <h2><p> i like nothing</p></h2>                   <img src="https://image.shutterstock.com/image-photo/mountains-during-sunset-beautiful-natural-600w-407021107.jpg", width=500 height=500>                   <img src="https://image.shutterstock.com/imag...