Welcome in Tutorial-1
Hello guys in this tutorial of second week I will guide you about languages that you must know for becoming front-end web developer.Types of languages that you must learn
- Html
- CSS
- JavaScript
One thing that I want to clearly mention you is that please don't be worry about that, how can you learn it because you don't know even you didn't listen about it before, it's very simple guys, and one thing that i always tell you is if I can do this then why you can't! OK moving on.Firstly we learn about html.
Section 1:part 1
What is Html?
before telling you about what is html ,i firstly want to tell you one thing that in this tutorial page I write each and everything like all headings,text etc in my article about front-end web development is written in html, wow amazing yeah.
So let's read about html.
Html is the abbreviation of Hypertext Markup Language now in details that what does this Hyper Text Markup Language means?
basically HTML is a programming language that is used to create documents like we say that it is used to make electronic documents, we called these documents "pages" that are displayed in our search engine like in WWW(World Wide Web) one of the most important thing of html is that without this html code our browser would not know that how can he display our images,texts as elements, loading videos or any other elements as you know, in short "html is a programming language that is used to create websites and applications" I never want to go on more dept because I'm sure that now you understood in details about the word html.
You write your html code easily in your notepad or you can use notepad++ ,I recommend you notepad++ because I use that one just go on the www.google.com and write notepad++ then download, simple. Whenever you write your code just save your file in which you wrote with "file name" then extension ".html".Download notepad in Description.
We are now go to see that how can we write our first html code because I know that no one want to read lot more you just want to go on, to the point(coding)look at image
Html website structure
the above you see is the actual structure in which you write your code,one thing that you must know is that the html is totally concerned into tags the more you learn tags,the more you get.
Each HTML program have some structures that are necessary for making your website all these required structures are mentioned below.
Opening tags
- <DOC TYPE html>
- <html>
- <head>
- <body>
Closing tags
- </html>
- </head>
- </body>
Here you see guys that the program starts with declaration ,<DOC TYPE html>
The next <html> tag is used to mark the beginning of our program.
Inside the" <html>"element,the" <head>" element identifies the top of our document.However,the content that we placed inside the "<head>" tag is not displayed on our web browser itself.Instead of this,that is must include the document title,which is displayed on the title bar in the browser window,also link to an external files,or any other beneficial information.</head></head></html>
This image is for those who don't know about title bar
The "<body>" tag is used for the whole program like all the visible content within our web page will fall within our body tag.
Ok that's enough for today see you in the next lesson.
Tutorial-2 (Headings and Paragraphs)
No comments:
Post a Comment