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


Comments

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

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...

HTML Introduction - HTML Tutorial for beginners

HTML Introduction In this tutorial we learn about HTML Introduction. HTML is the standard markup language for creating Web pages. HTML stands for HyperText Markup Language HTML describes the structure of a Web page HTML consists of a series of elements HTML elements tell the browser how to display the content HTML elements are represented by tags HTML tags label pieces of content such as "heading", "paragraph", "table", and so on Browsers do not display the HTML tags, but use them to render the content of the page A Simple HTML Introduction Document HTML Example Explained The  <!DOCTYPE html>  declaration defines this document to be HTML5 The  <html>  element is the root element of an HTML page The  <head>  element contains meta information about the document The  <title>  element specifies a title for the document The  <body>  element contains the visible page content The  <h1>  element defi...