HTML-Course for Beginners



Heyya! Wanna drop into my notes?🤓

Let's do it then😼


Abbreviation: Hypertext Markup Language

Html is a common programming language which is used to write web pages. Most of the websites we have been seeing usually are written in html.

Basic structre of html



'<>' are called as tags, we study this as parental, grandparental likewise relational structures. Head and body tags are siblings who are children of html tag, title is a grand child of html which makes up the website name as shown.



Since spaces, enters and etcs doesnt matter, lets discuss about tags which implies the actual vision of our page.

Tags



Content inside meta tags are commonly called as attributes.These are used by search engines such as google to compare with search and show up the result.



These are used as tags for headings, h1 is of bigger size and decreases so on as we move on upto h6 and its the end that html provides us.



This is a paragraph tag which get indents automatically, the lines and spaces mention between one and other doesn't matters for that indentation.



These are to make text bold and italic respectively, you can also make them both by taggig one inside other.



They print next line, and a line with next line respectivley.



They makes letters slightly bigger and smaller than the mentioned text beside.



They makes text as base and power respectivly.

Likewise:





Comments and Coloring

Comments are invisible We use comments which are invisible in the web page but are in html file, these are used by any other developers to understand what you did or something like we use comments in C. ->Syntax



You can also make your text and background colorful by adding some attributes into tags.







Here you go explore the colors:Colors

Formatting a page



Links

You can link and navigate to other websites using



Here you go with example:





You can also access to files like pdf, jpeg etc which are on the directory or different in your local machine with their file names!!



To display image directly:



For videos:







likewise you can also add youtube videos as embeded files and even a whole website using iframes!



Lists



Tables



Divs & Spans



Inputs



You can find diff kinda inputs here: Inputs

And that's it this my basic html notes


Nav-Through




Made with ❤ by NSVegur