HTML Basics

-

HTML Basic

Examples


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

Example

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

HTML Headings

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

Example

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>

HTML Paragraphs

HTML paragraphs are defined with the <p> tag:

Example

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

HTML Links

HTML links are defined with the <a> tag:

Example

<a href="https://www.google.com/">This is a link</a>
The link's destination is specified in the href attribute. 
Attributes are used to provide additional information about HTML elements.
You will learn more about attributes in a later 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:

Example

<img src="Image Location" alt="" width="104" height="142">

HTML Buttons

HTML buttons are defined with the <button> tag:

Example

<button>Click me</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):

Example

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

[Related content]

For more this type of content or If you want to know amazing facts , tricks ,tips about technology or you want to learn coding then follow
coder__bhai on instagram


























Comments

Post a Comment

Popular posts from this blog

HTML Text Formatting

-
Image
HTML  Text Formatting Text Formatting This text is bold This text is italic This is   subscript   and  superscript HTML Formatting Elements In the previous chapter, you learned about the HTML  style attribute . HTML also defines special  elements  for defining text with a special  meaning . HTML uses elements like  <b>  and  <i>  for formatting output, like  bold  or  italic  text. Formatting elements were designed to display special types of text: <b>  - Bold text <strong>  - Important text <i>  - Italic text <em>  - Emphasized text <mark>  - Marked text <small>  - Small text <del>  - Deleted text <ins>  - Inserted text <sub>  - Subscript text <sup>  - Superscript text HTML <b> and <strong> Elements The HTML  <b>  element defines  bold  text, without any extra importance. Example < b > This text is bold < /b > The HTML  <strong&g
Read more

CSS3 LOADING ANIMATIONS

-
Image
CSS3 Loading animations HTML CODE <body>      <div  class = " content " >        <h3> CSS3 Loading animations </h3>          <div  class = " load-wrapp " >              <div  class = " load-1 " >                  <p> Loading 1 </p>                  <div  class = " line " ></div>                  <div  class = " line " ></div>                  <div  class = " line " ></div>              </div>          </div>          <div  class = " load-wrapp " >              <div  class = " load-2 " >                  <p> Loading 2 </p>                  <div  class = " line " ></div>                  <div  class = " line " ></div>                  <div  class = " line " ></div>         
Read more

Galaxy Z Flip

-
Image
Galaxy Z Flip: Don't buy it, until you read this Looking at buying Samsung's new folding phone? Read this first. 1. People will ask you about it The Z Flip is arguably the best-looking  folding phone  so far, particularly in the flashy purple color option. It folds into a lovely neat square and transforms into a vibrant, full-screen phone. That sort of thing catches the eye and I've already had multiple people asking me about it when I'm out and about, and I've overheard several whispers of, "Oh, that's that new folding phone."  Does that matter? Well, depends on your sensibilities. On the one hand, if you're the shy, retiring type then you may find this a little embarrassing. However, you probably don't spend that sort of cash on new technology without wanting to show it off a little, so my suggestion would be to embrace it and use it as a conversation starter. See if you can impress a barman enough to get a free drink.
Read more