Maniruzzaman Akash's Blog

Maniruzzaman Akash, A programmer, A web programmer, a helpful person to share knowledge and everything..

  • Home
  • Programming
    • C Programming
    • Java Programming
    • C++ Programming
    • C# Programming
    • Python Programming
    • Data Structure
  • Web
    • HTML
    • CSS
    • Javascript
    • PHP
    • AJAX
    • XML
  • FrameWork
    • Bootstrap(CSS)
    • Laravel 5(PHP)
  • Database
    • MySQL
    • Oracle
    • SQL Server
  • Android
    • Android Development
  • Mathematics
    • Numerical Methods
  • Others
    • My Articles
    • Download Ebooks
    • Mathematics
    • Difference Between
  • Contact
HTML

HTML - Lecture 3 - Understanding html tags and elements

Thursday, December 8, 2016 By Maniruzzaman Akash 0 Comments
Welcome again to my HTML 3rd lecture. Before starting this I'm gonna sure you've seen my previous lecture on HTML just starting code and from that code, today I'll show you how html code work what does mean every tags and element in HTML.

Ok let's the previous code:


<html>
    <head>
        <title>Welcome To Our Second Lecture</title>
    </head>
    <body>
       <h1>Welcome To Our Second Lecture</h1><hr />
       <p>This is our journey to study of web programming and it's code basic - HTML</p>
    </body>
</html>



Now start-

In our code, we've started our code writing the tag <html> and also look that we've finished the code writing </html>. Ok that means, in HTML if we want to write any document, we have to start the document <html> tag and finish it </html> tag.

And look at the tag writing rules. In HTML, all of the tags in any web browser we've seen these all are tags tags. And there are two types of tags.
1) A tag which start  <tag_name> and finish </tag_name>
2) Some tags has no need to end that tag. Like in HTML, img is a tag and we use it like this <img src="slide.jpg" />
We'll learn one by one about all of the tags of HTML. Don't worry.
And in 2nd to 4th line our code is-
<head>
        <title>Welcome To Our Second Lecture</title>
 </head>
So, its all about <head> </head> tag. So what is head tag in HTML and why we use it : HTML head tag is a tag where we write our all HTML linking of css files, our page or site title and sometimes our JavaScript files too. Look that inside the head tag we have wrote a tag called <title> </title>. It is a simple tag which gives us the page title when we load our page in browser. View the image's application of html title tag.



Look in the browser tab get a title called HTML - Lecture 3- Understanding....., It is the work of title tag. I think you can guess that. We can also store some CSS files in this header tag like this-
<head>
        <title>Welcome To Our Second Lecture</title>
       <link type="text/css" rel="stylesheet" href="main.css" />
</head>

Next from 5th to 8th line is- 
<body>
       <h1>Welcome To Our Second Lecture</h1><hr />
       <p>This is our journey to study of web programming and it's code basic - HTML</p>
 </body>

In this place between body tag it is very important to write all of our context in <body></body> tag. If we write any code which we want to show in browser, we have to write the code inside the <body> tag.

And inside body tag we have write a two tags. Look they are <h1></h1> and <p></p>We will learn about those tags in our next lecture, but now just know that <h1></h1> is a header tag that means it's text something more different from ordinary paragraph lag. And the second <p></p> tag is for paragraph tag. Run the code and look in the browser that one <h1> or header tag is bigger than paragraph tag.

Our lecture is finish for today and wait for our next lecture.


HTML
Share:

Maniruzzaman Akash
Maniruzzaman Akash, an enthusiastic programmer, a web developer

Related Articles


0 comments:

Post a Comment

Newer Post Older Post Home
Subscribe to: Post Comments ( Atom )

Popular Posts

  • Numerical Methods 20 Multiple Choice Questions and Answers
  • Consider a hypothetical 32-bit microprocessor having 32-bit instructions: Solutions
  • List and briefly define two approaches to dealing with multiple interrupts
  • The hypothetical machine has two I/O instructions: 0011= Load AC fro I/O 0111= Store AC to I/O Solutions
  • What are the characteristics of Digital IC's?-Solution
  • Mid Square Method Code implementation in C and MatLab
  • List and briefly define the possible states that define an instruction execution
  • BFS, DFS, DLS in Tree implementation in C
  • Download Laravel Offline Documentation as HTML
  • Simpson's 1/3 Code in Matlab

Category

Advanced PHP Android Developement Articles Artificial Intelligenece Blogger Tips Blogging Career Bootstrap Offline Documentation Bootstrap Templates C Programming Computer Architecture Data Structure Difference Between Download Documentation Download Ebook Download Free Blog Template Earning Money Electrical Electronics Guest Posts HTML Java Programming Laravel Laravel Bangla Tutorial MatLab Code My Videos MySQL Database Numerical Methods Offline Documentation Recent Topics Simulation and Modeling Unity Game Development Web Design Web Development

LIKE ME ON FACEBOOK

TAGS

  • Advanced PHP (3)
  • Android Developement (5)
  • Articles (6)
  • Artificial Intelligenece (3)
  • Blogger Tips (5)
  • Blogging Career (1)
  • Bootstrap Offline Documentation (1)
  • Bootstrap Templates (1)
  • C Programming (14)
  • Computer Architecture (5)
  • Data Structure (11)
  • Difference Between (1)
  • Download Documentation (2)
  • Download Ebook (3)
  • Download Free Blog Template (2)
  • Earning Money (1)
  • Electrical Electronics (1)
  • Guest Posts (1)
  • HTML (4)
  • Java Programming (2)
  • Laravel (3)
  • Laravel Bangla Tutorial (1)
  • MatLab Code (2)
  • My Videos (3)
  • MySQL Database (7)
  • Numerical Methods (9)
  • Offline Documentation (1)
  • Recent Topics (1)
  • Simulation and Modeling (2)
  • Unity Game Development (3)
  • Web Design (3)
  • Web Development (1)

Join Google+

Maniruzzaman Akash
View my complete profile

Join With Me

Site Visitors

Best Sites For a programmer

  • URI Online Judge Solution By Me
  • StackOverFlow
  • W3 School
  • Git Hub - Store your Every Document

Popular Posts

  • What are the characteristics of Digital IC's?-Solution
  • The hypothetical machine has two I/O instructions: 0011= Load AC fro I/O 0111= Store AC to I/O Solutions
  • Consider a hypothetical 32-bit microprocessor having 32-bit instructions: Solutions
  • Mid Square Method Code implementation in C and MatLab
  • How to import Excel,CSV file in Laravel And insert data in database
  • Numerical Methods 20 Multiple Choice Questions and Answers
  • How to browse files on Android outside of Unity app folder
  • Depth First Search DFS code using Binary Tree in C language
  • Numerical method Codes simple MatLab implementation
  • ফিফা ওয়ার্ল্ড কাপ ২০১৮ শিডিউল এবং সমস্ত আপডেট- FIFA World Cup 2018 - Bangladesh Time Schedule

Earn Money From Your site

Translate To your language

Categories

Advanced PHP (3) Android Developement (5) Articles (6) Artificial Intelligenece (3) Blogger Tips (5) Blogging Career (1) Bootstrap Offline Documentation (1) Bootstrap Templates (1) C Programming (14) Computer Architecture (5) Data Structure (11) Difference Between (1) Download Documentation (2) Download Ebook (3) Download Free Blog Template (2) Earning Money (1) Electrical Electronics (1) Guest Posts (1) HTML (4) Java Programming (2) Laravel (3) Laravel Bangla Tutorial (1) MatLab Code (2) My Videos (3) MySQL Database (7) Numerical Methods (9) Offline Documentation (1) Recent Topics (1) Simulation and Modeling (2) Unity Game Development (3) Web Design (3) Web Development (1)

Subscribe To This Site To Get Latest Article On Programming or web

Posts
Atom
Posts
Comments
Atom
Comments
© 2016 Maniruzzaman Akash's Blog | All rights reserved
Developed By Maniruzzaman Akash Created By Responsive Blogger Templates | Distributed By Gooyaabi Templates