BASICS OF HTML
Are you! Ready to learn some basics about html?
Okay fine.Let’s learn about the basic structure.
What is HTML?
“HYPER TEXT MARKUP LANGUAGE”
An “HTML” document consists of two important parts:
- Document Creation
- Tags
ABOUT TAG:
Tag<html> is considered to be the head of the family.it’s from this tag that the browser recongizes,it’s an “HTML” document.
- Every opening tag there is a closing tag like </html>
The tag <html >is followed by the <head> tag.
The content written inside is not displayed on the webpage.
It comprises of the title of the browser window,which you want to provide to the webpage.
For Example:
The <head> tag is followed by the <body> tag. the actual content where witten inside of the body tag.
i.e: Elements like Headings,Paragraph,Images,animation etc.
Que: How do web browser interact with html?
Ans: It cannot read the content where its stored, so web server is used.
A webrowser is acts as intermediate.
The browser contains the html text,which is displayed just by identify the tag<html>from the document.
Que: what makes an ‘html’ so powerful?
Ans: HTML is friendly language and is on good term with almost all of the web broswers and works out well using a simple text editor.it the least complicated.when its comes to search engines.
Que: why HTML is not programming language?
Ans: HTML is a fashion diva. it’s control the presentation,structure and layout of the wepage.
It’s doesn’t contain any functional & programming logic.
This what different from a programming language.
So! are you intersted in making a simple,stable .well stuctured website?
Its time to put your learning to some good use.
We can start opening by simple text editors like (notepad+++, vs code, sublime text, brackets ,text edit etc…)
For Example: Basic structure
After done your code.you should save the text file as .html or basic .html
Then open the file in your web page browser.
HTML TAGS:
- The paragraph tag <p></p> this one used for paragraph content.
- The break tag <br></br> this one used for to break sentance to next line.
- The bold tag <b></b> this one used for fonts as bold.
- The italic tag <i></i> this one used for fonts as italic.
- The underline tag <u></u> this one used for to underline the word or sentence.
SOME SPECIAL TAGS:
- The image tag <img></img> the tag should use like this: <img src=“images path”/>
- Or the tag should use like this also <img src=“image.png”/>
- Src is an attribute that include the path of image’s.
- we can make our web
- webpages interactive by adding images by using <img> </img> tag.
For Example: Image tag
- The division tag <div> </div> this is used for divided sentence.
- The anchor tag <a> </a> this is used for link between webpage.
HTML ATTRIBUTES:
Que: What is an attribute?
Ans: An attribute gives extra information about the html elements to the web browser.
It’s property related to the width,height and an object of image.
ATTRIBUTE TWO TYPES:
- Attribute Name.
- Attribute Value.
- ‘=’ is use to set the value .
- “ ” the value placed inside the double quotes.
- Like attribute =“value”.
THE BASIC AMENITIES:
<a href =“https://www.webpage/index.html ”> </a>.
Href forms the same passage between two pages.
STYLE AMEITIES:
The simple syntax:
style=“property:value”
The property implies basic color,the font -size gives the property of an element.
<h4 style=“color:green”></h4>
<p style=“font-size:200%”></p>
<h1 style=“background-color:orange”></h1>
final web page:
Keep up! learn with interest and creative mind. Future Is Landing !!!!
