HTML "Attributes"

-

 HTML "Attributes":

HTML attributes provide additional information about HTML elements.

 HTML Attributes Charectoristic:

* All HTML elements can have attributes

* Attributes provide additional information about elements

* Attributes are always specified in the start tag

* Attributes usually come in pairs name/value. like: name="value"


Attributes:

1. The href Attribute

The <a> tag defines a hyperlink. The href attribute specifies the URL of the page the link goes to:

Example -

< a href="https://www.w3schools.com" > < /a >

2. The src Attribute

The <img> tag is used to embed an image in an HTML page. The src attribute specifies the path to the image to be displayed:

Example -

< img src="img_girl.jpg" >

Comments

Post a Comment

Popular posts from this blog

Text Designing "Formatting" HTML elements : html

-
Text designing "Formatting" HTML elements : 1. function Element -"<b>": Example - This text is bold Code -  <p><b>This text is bold</b></p> 2.  function Elements -"<uppercase>": (text-transform:) Example - This text is important! Code -  <p><strong>This text is important!</strong></p> 2.  function Elements -"<capitalize>": (text-transform:) Example - This Text is Important! Code -  <p><strong>This text is important!</strong></p> 2.  function Elements -"<lowercase>": (text-tranform:) Example - this text is important! Code -  <p><strong>This text is important!</strong></p> 2. function Elements -"<strong>": Example - This text is important! Code -  <p><strong>This text is important!</strong></p> 3. function Elements -"<i>": Example - italic text ...
Read more

Click Count Data Page: Spin/Vote

-
  Click Count Data Page: Spin/Vote  Code: <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Voting Page</title>     <script>         let candidates = {             candidate1: { votes: 0, currentGap: 1, prevGapHistory: [] },             candidate2: { votes: 0, currentGap: 1, prevGapHistory: [] },             candidate3: { votes: 0, currentGap: 1, prevGapHistory: [] },             candidate4: { votes: 0, currentGap: 1, prevGapHistory: [] },             candidate5: { votes: 0, currentGap: 1, prevGapHistory: [] },             candidate6: { votes: 0, currentGap: 1, prevGapHistory: [] } // New cand...
Read more