Learnt out the Web Development for a Project | HTML5 and CSS

Today, I did start learning Web Development to some extent for a Project.

Never Stop Learning is the Key to Success!.

  1. I learnt (or say, revisited) HTML5 today. Elements are simplified; h1, h2, h3 and so on keep decreasing their sizes when going from 1 to below.

  2. Of course, p is for Paragraph and “lorem epsum text” is a kind of Template text used be Web Devs for a long period of time.

  3. Every element ends up with “/” is a good thing.

  4. Styling out to change the Color of Text using style = “color : is really as simple as jumping off a table!.

  5. Styling can be further simplified using CSS, Of course using style tags.

  6. color, font-size, font-family are life of an HTML.

  7. Images, their sources and alt can be added in a single tag as img=" ", src=" ", alt=" ".

  8. Border has color, width, style and radius.

  9. Two classes attributes can be added in a tag as class = "class1, class2".

  10. Remember to add ; or {} everywhere in a class (wherever necessary).

  11. To make a hyperlink, use <a href" ">Text<a> between the Paragraph

  12. We can give user, an opportunity to enter in the field. We use <input type = "text"> for text inputs and placeholder can be added like a watermark!.

  13. Data from your website can be submitted to a server using form Element, <form action = "locaton">(anything can be nested here)</form>.

  14. Button can be created using <button type = "">text_on_button</button>.

  15. Button, Input Element can be nested in the form element.

  16. Require a field using HTML5 so that form is not submitted without filling it out, adding a required in the input element will do.

  17. Radiobuttons and Checkboxes can also be added and checked by default using “checked” keyword, <label><input type = "radio" name = "button_radio" checked></label>.

  18. Div is most commonly used element, it’s a container. it’s useful for styling the webpage together.

  19. Classes are always defined in a style tag and can be implemented wherever necessary.

  20. Give unique id to the elements.

  21. As Classes start with . id starts with #.

  22. Id attributes always take precedence over Class attributes and it overrides the Class.

  23. !important is used to put 100% chances of what you want.

  24. hexcodes and rgb are the two types to represent colors in CSS.

  25. #000000 for hexcodes and rgb(R, G, B) for RGBs.

  26. Simple Cat App


Click here for cat photos.

A cute orange cat lying on its back.

Things cats love:

  • cat nip
  • laser pointers
  • lasagna

Top 3 things cats hate:

  1. flea treatment
  2. thunder
  3. other cats