|
Definition and UsageThe Note: For input elements, the Applies toThe
Browser SupportThe
|
How to add A <canvas> element with a height and width of 200 pixels - HTML width Attribute
Canvas Example.
index.html
Example:
HTML
<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
Output should be:
How to add A flash animation with a height and width of 200 pixels - HTML width Attribute
Embed Example.
index.html
Example:
HTML
<embed src="helloworld.swf" width="200" height="200">
Output should be:
How to add An <iframe> with a specified height and width of 200 pixels - HTML width Attribute
Iframe Example
index.html
Example:
HTML
<iframe src="https://horje.com" width="200" height="200">
<p>Your browser does not support iframes.</p>
</iframe>
Output should be:
How to add An image with a height and a width of 42 pixels - HTML width Attribute
Img Example.
index.html
Example:
HTML
<img src="https://horje.com/avatar.png" alt="Girl in a jacket" width="500" height="600">
Output should be:
How to add Define an image as the submit button, with height and width attributes - HTML width Attribute
Input Example. Note: The input type="image" sends the X and Y coordinates of the click that activated the image button.
index.html
Example:
HTML
<form action="/action_page.php">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="image" src="img_submit.gif" alt="Submit" width="48" height="48">
</form>
Output should be:
How to add A flash animation with a height and width of 400 pixels - HTML width Attribute
Object Example.
index.html
Example:
HTML
<!DOCTYPE html>
<html>
<body>
<h1>The object element</h1>
<object data="https://horje.com/avatar.png" width="300" height="200"></object>
</body>
</html>
Output should be:
How to add A video player with a specified width and height - HTML width Attribute
Video Example.
index.html
Example:
HTML
<!DOCTYPE html>
<html>
<body>
<h1>The video width and height attributes</h1>
<video width="320" height="240" controls>
<source src="https://www.sample-videos.com/video321/mp4/240/big_buck_bunny_240p_20mb.mp4" type="video/mp4">
<source src="https://www.sample-videos.com/video321/mp4/240/big_buck_bunny_240p_20mb.mp4" type="video/ogg">
Your browser does not support the video tag.
</video>
</body>
</html>
Output should be:
| html width attribute |
Read Full: | HTML Attribute |
Type: | Develop |
Category: | Web Tutorial |
Sub Category: | HTML Attribute |
Uploaded by: | Admin |
Views: | 33 |
Reffered: https://www.w3schools.com/tags/att_width.asp