Skip to main content

HTML Structure and Basics - HTML Tutorial


HTML Structure and basics





HTML Structure and Basics. Don't worry if these examples use tags you have not learned. You will learn about them in the next chapters.





HTML Documents





  • All HTML documents must start with a document type declaration: <!DOCTYPE html>.
  • The HTML document itself begins with <html> and ends with </html>.
  • The visible part of the HTML document is between <body> and </body>




HTML Introduction




Headings in HTML





HTML headings are defined with the <h1> to <h6> tags. <h1> defines the most important heading. <h6> defines the least important heading:





HTML Headings 1




Output





HTML Headings




Paragraphs in HTML





HTML paragraphs are defined with the <p> tag:





HTML Paragraph




Links in HTML





HTML links are defined with the <a> tag:





HTML Links




The link's destination is specified in the href attribute. 





You will learn more about attributes in the next chapter.





HTML Images





HTML images are defined with the <img> tag.





The source file (src), alternative text (alt), width, and height are provided as attributes:





HTML Images




HTML Buttons





HTML buttons are defined with the <button> tag





<button> This is Button </button>





HTML Lists





HTML lists are defined with the <ul> (unordered/bullet list) or the <ol> (ordered/numbered list) tag, followed by <li> tags (list items):





Unorder List:





<ul>
  <li> unordered List Item 1</li>
  <li> unordered List 2 Item</li>
  <li> 3 Item </li>
</ul>





Ordered list:





<ol>
  <li>1 Item</li>
  <li> Item 2</li>
  <li> Item 3 </li>
</ol>





HTML Structure and Basics in Urdu/Hindi






https://www.youtube.com/watch?v=RGhSwzup4ts




Click Here To Visit Our YouTube Channel: Techz Hub


Labels:

Comments

Post a Comment

Popular posts from this blog

PARTS OF SPEECH – ENGLISH GRAMMAR

There are nine parts of speech Noun Pronoun Adjective Adverb Verb Preposition Conjunction Article Interjection You Can Read All Of Them By Just Clicking On The Topic Link
Post a Comment
Read more

SCOPE SUBJECTS OF FSC PRE-MEDICAL

F.SC PRE-MEDICAL SUBJECTS SCOPE OF FSC PRE-MEDICAL F.SC PRE-MEDICAL SUBJECTS SCOPE OF FSC PRE-MEDICAL The students those are interested in medical sciences in future they must also improve their skills and abilities that helps them to become a good doctor or pharmacists. Thus FSc Pre-medical provides a general definition of the fundamentals of scientific research in the field of mobile science.We are giving you detailed information about admission in FSc in pre-medical group, FSc Pre-Medical Subjects and eligibility criteria for admission. This is very complex and conceptual field so we recommend students who are simply crazy to be a doctor or anything else. This is the first step in your journey to be good doctor. Read this article fully we provide all the essential information here. Top 10 Degrees which has More Scope in Pakistan – 2020 FSc Pre-Medical Subjects : FSc pre-Medical group is two year program which is divided into two part. The subject list is given below these all subje...
Post a Comment
Read more

Pronoun and its types

Pronoun Definition:  A word used in place of noun is known as pronoun. Note:  Pronoun is used in sentences to avoid repetition of the noun in a sentence over and over again. Example: Michael is at the movie with  Michael’s wife. Michael   enjoys spending time with  Michael’s wife . Note:  In the above example noun (Michael) is used over and over again, to avoid such repetition we can simply replace this noun with pronouns like he, his, her. Michael is at the movie with  his  wife.  He enjoys spending time with  her . TYPES OF PRONOUN There are several types of pronoun. 1. Personal Pronoun:  Pronouns in their different forms show person, number, gender (whether male, female) and case (the relationship of a word with other words) known as personal pronoun. Personal pronouns are I, we, us, you, your, yourself, they, them themselves Example: We  are happy. They  bethought  them  of a new exp...
Post a Comment
Read more