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

CatPhotoApp

Click here for cat photos.

Things cats love:

• cat nip
• laser pointers
• lasagna

Top 3 things cats hate:

1. flea treatment
2. thunder
3. other cats

AND MY LEARNING GOES ON