HTML ??? HTML ??? ??? ???? ?? ?????. ??? ?? ?? ??? ???? ??? ?? ??? ????? ??? ??? ??? ? ????. ????? ??? HTML ?? ??? ?????. ??, ??, ?? ?? ??? ???? ??? ? ??? ??? ?? ?? ??? ?? '='? ??? ??-? ??? ?????.
?
??? HTML ??
???? ??? HTML ??? ? ?? ??? ??? ?? ????.
1. ????
?? ???? ? ?? ?? ??? ??? ????.
- ID: ? ??? HTML ??? ??? ??? ???? ?????. ??? ID ??? ??? ??? ?? ???? ?? ??? ? ?? ?? ??? ??? ???. ?? ???? ?? ??? ??? ?? ??? ?? ? ?? ? ?? ?????.
- ?? ??: ? ??? ??? ?? ??? ??? ?????. ?? ??? ???? ????? ?? ???? ??? ?? ?? ?? ? ?? ??? ??? ? ?? ???? ??? ? ????. ?? ???? ?? ?? ??? ???? ???? ?? ??? ?? ?? ??? ??? ?? ????.
- ??? ??: ? ??? ??? ???? ???? ??? ??? ??? ?????. ??? ??? ??? ??? ? ? ??? ?? ? ??? ??? ? ????. ??? ??? ?? ???? ??? ??? ?? ??? ? ????. ?: class=”className1 className2 className3″
- ??? ??:?? ??? ???? ???? ?? ??? ?? CSS ??? ??? ? ????. style ??? ???? HTML ??? ?? ??, ?? ??, ?? ?? ? ??? CSS ??? ??? ? ????.
2. ??? ??
- Dir: dir ??? ???? ??? ?? ??? ????? ???? ? ??? ???. ? ??? LTR? RTL??? ? ?? ?? ?? ? ????. LTR? ???? ???(???)? ????, RTL? ????? ??? ?????. ??? ?? ?? ???? ???? ??? ????? ??? ?????. ?? ?? ??? ??? ??? ??? ?? ????.
- Lang ??: ? ??? ??? ??? ?? ??? ???? ? ??? ???. HTML?? ?? ???? ?? ??? HTML?? ???? ??? ? ????. ?? ? XHTML ????? ?? XML: lang ???? ?????. lang ??? ?? ISO-639 ??? ???? ?? ? ?? ?? ??? ?????. ??? ???? ?? ???? ?? ??? ???? ???? ????? ? ?????.
- XML-Lang ??: ? ??? lang ??? ???? ??? ????. XML-lang ??? ??? ISO-639? ??? ?? ? ?? ??? ????? ???.
3. ?? ??
- Align ??: ? ??? ?????? ?? ??? ??? ? ?????. ???? ??, ??? ?? ??? ??? ??? ? ????. ?? ??? ?? ??? ???? ???? ??? ?? ??? ???? ??? ? ????.
-
Src ??: ????? ???? ?????
src ??? ?? ?????. ???? ??? ???? ?? ?? ??? ??? ? ????. ????? ???? ????? ?? ??? ?? src ??? ??? ? ????.
??:
<html> <head> <title>src Attribute</title> </head> <body> <img src=" https://www.google.com/url?sa=i&source=images&cd=&cad=rja&uact=8&ved=2ahUKEwi2lr-WjbvhAhXPXisKHb6JABgQjRx6BAgBEAU&url=https%3A%2F%2Fwww.google.com.mx%2F&psig=AOvVaw2jWnG-ltpLO7QE_Ge7TXeO&ust=1554627554684449"> </body> </html>
-
Alt ??: ? ??? ?? ???
??? ??? ?? ???? ???? ????. ?? ??? ???? ???? ???? ????? ???? ??? ? ????. ?? ???? ???? ?? ???? ??? ? ????.
- ?? ? ?? ??: ??? ??? ???? ??? ??? ??? ? ????.
?:
??:
<html> <head> <title>Width and Height</title> </head> <body> <img src=" https://www.google.com/url?sa=i&source=images&cd=&cad=rja&uact=8&ved=2ahUKEwi2lr-WjbvhAhXPXisKHb6JABgQjRx6BAgBEAU&url=https%3A%2F%2Fwww.google.com.mx%2F&psig=AOvVaw2jWnG-ltpLO7QE_Ge7TXeO&ust=1554627554684449" width="300px" height="100px"> </body> </html>
- Href Attribute: This attribute is used when the user wants to direct a specific link to any address and is used along with the tag. When the link is placed in the href attribute, it is associated with the text displayed within the tag. Clicking on this text will redirect the user to the URL specified in the href attribute. By default, clicking on the link will open the linked page in the same tab or window. If one wants to open the linked page in a new tab or window, one can use the target attribute and set its value to “_blank”. This behavior may vary based on the user’s browser settings.
4. Data Attribute
HTML provides custom data attributes that allow adding additional information related to the content in HTML tags. These attributes are not specific to HTML5 and can be used on all HTML elements. The data-* attribute enables the creation of custom data attributes that can store private data for the page or application.
In order to customize, one divides the data into two parts:
- Attribute Name: It should have at least one character long and should not have any capital letters. This name can also be prefixed by using “data-“.
- Attribute Value: Any string value can be associated with the attribute.
The syntax for a data attribute is as follows:
<li data-book-author="Rabindra Nath Tagore"> Gitanjali </li>
5. DOM Attribute Property
To retrieve the NamedNodeMap objects, one can use the attribute properties in the HTML DOM. This will return a group of node attributes. The NamedNodeMap represents a collection of attribute objects, which can be accessed by their index number, starting at 0. To use this, the user can access the node’s attributes using the syntax node.attributes.
The value returned is a NamedNodeMap object that contains all the attributes in the collection of nodes. However, if someone is using Internet Explorer 8 or an earlier version, the attributes property may return all possible attributes for any element, resulting in more values than expected.
Example:
Code:
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM attributes Property
</title>
</head>
<body>
<h2>
HTML DOM attributes Property
</h2>
<button id = "CBA" onclick = "myeduCBA()">
Click Here!
</button>
<br><br>
<span>
Button element attributes:
</span>
<span id="sudo"></span>
<script>
function myeduCBA() {
// It returns the number of nodes
var cba = document.getElementById("CBA").attributes.length;
// Display the number of nodes
document.getElementById("sudo").innerHTML = cba;
}
</script>
</body>
</html>
The output for above program will be
Button element attributes: 2
6. Global Attributes
HTML also provides global attributes that can work with any HTML element:
- Accesskey: Specifies a shortcut key to activate or focus on any element.
- Translate: Specifies whether the content of the element is to be translated or not.
- Class: One or more class names for an element are specified.
- Title: Specifies extra information about an element.
- Contenteditable: This attribute can be used to specify whether the content is editable or not.
- Tabindex: Specifies the tabbing order of an element.
- Dir: Specifies the text direction for any content of an element.
- Spellcheck: Users can explicitly specify if they want to have the spelling and grammar checked or not.
- Draggable: Specifies if an element should be draggable or not.
- Dropzone: Specifies whether the dragged data is copied, moved, or linked when dropped.
7. Event Attributes
HTML has the ability to trigger actions when some events take place.
- Onload: Fires after the page has finished loading.
- Onmessage: A script that runs when the message is triggered.
- Onstorage: A script that runs when a web storage area is updated.
- Onerror: The script runs when an error occurs.
- Onpagehide: The script can be used when the user navigates away from a page.
8. Form Event Attributes
Actions inside an HTML form trigger these events.
- Onblur: ??? ???? ???? ??????.
- Onchange: ??? ?? ?????? ??????.
- Oncontextmenu: ???? ??? ??? ? ?????.
- Onfocus: ??? ???? ?? ?? ??????.
- Oninput: ??? ??? ??? ????? ????? ???.
- ???(Onsearch): ???? ???? ???? ???? ?????.
- Oninvalid: ??? ??? ???? ?? ? ?????.
9. ?? ??? ??
- Onkeydown: ?? ?? ? ??????.
- Onkeypress: ?? ?? ? ??????.
- Onkeyup: ???? ?? ??? ? ??????.
10. ??? ??? ??
- Onclick: ???? ??? ??? ? ??????.
- Onmousemove: ??? ???? ?? ?? ?? ?? ??? ? ?????.
- Onmouseip: ?? ??? ??? ??? ??? ??????.
- ??: ?? ??? ??? ?? ???? ?? ? ????
11. ??? ??? ??
- Ondrag: ??? ???? ? ?????.
- Ondragleave: ??? ??? ?? ??? ??? ? ????? ?????.
- Ondrop: ???? ??? ??? ? ??????
- Onscroll: ??? ??? ??? ???? ? ????? ?????.
??
HTML? ??? ??? ?? ???? ??, ???, ???, ?? ? ???? ?? ???? ??? ???? ? ??????? ???? ?? ????? ??????. CSS? ??? HTML? ???? ? ??? ?? ??? ???? ????? ???? ? ??????? ?? ? ????.
? ??? HTML ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!
? AI ??
Undress AI Tool
??? ???? ??
Undresser.AI Undress
???? ?? ??? ??? ?? AI ?? ?
AI Clothes Remover
???? ?? ???? ??? AI ?????.
Clothoff.io
AI ? ???
Video Face Swap
??? ??? AI ?? ?? ??? ???? ?? ???? ??? ?? ????!
?? ??
??? ??
???++7.3.1
???? ?? ?? ?? ???
SublimeText3 ??? ??
??? ??, ???? ?? ????.
???? 13.0.1 ???
??? PHP ?? ?? ??
???? CS6
??? ? ?? ??
SublimeText3 Mac ??
? ??? ?? ?? ?????(SublimeText3)
??? ??
8639
17
1784
16
1729
56
1581
28
1445
31
? ???? ???? ? ???? HTML ??? ??????
Jul 03, 2025 am 02:34 AM
? ??? ??? Core HTML ???? ???????. 1. ???? ?? ??? ?? ??? ???? ??? ???? ?? ?? ? ?? ??? ?????. 2. ??? ??? ?? ?? ? SEO? ???? ?? ?? (-), ?? () ? ?? ?? (? :)? ?????. 3. ?????? ???? ????, ????? ???? ??? ???? ????? ?? Aria-Current ??? ???? ?????. 4. ?? ?? ???? ?? ??? ?? ? ?? ??? ?????. ??? ??? ???? ???? ??? ???, ?? ?? ? ?? ?? ???? ?? ? ? ????.
HTML5 ??-??? ???? ?? ?? ? ??? ?????.
Jul 03, 2025 am 02:28 AM
HTML5SSE? ???? ?? ? ?? ? ??? ???? ???? ??? ?????. 1. ?? ? ?? ????? ??????. ??? ??? ????? ??? ?? ? ? 3 ? ?? ? ?????. ??? ??? ?? ??? ??? ?? ? ? ????. 2. ?? ???? ?? ?? ?? ?? ?? ?? ??? ???? ?? ??? ???? ?? ? ??? ???? ???? ??, ?? ?? ? ?? ?? ? ?? ?? TOKEN? ?? ?? ??? ?????. 3. ??? ???? ?? ????, ?? ??? ?? ?? ????, Navigator.online? ???? ??? ???? ?? ??? ????? ? ? ?? ??? ????? ??????. ??? ??? ?? ???? ???? ??? ??? ???? ? ????.
?? ???? ?? ??? HTML5 DocType? ?????.
Jul 03, 2025 am 02:35 AM
DocType? HTML ?? ????? ???? ?? ???? ? ???? ????? ???? ????. ?? ? ???? HTML ??? ?? ????? ???????. ? ??? ????? ??? ??? ?? ?? ??? ???? ????? ? ?? ?? ???????. ?? ?? ??? ??? ?? ??? ?? ???? ?? ??? ???? ?? ????. Charset, Viewport ?? ?? ?? ??? ????? ???????.
HTML? ???? ?? ?? ?? ??? ??? ????? ??? ??????
Jul 04, 2025 am 03:16 AM
?? ?? ???? HTML?? ??? ?? ???? ??????. ???? ??? ?? ??? ???? ??? ?? ??? ??? ?? ?? ??? ???? ????. 1. ??, ???, ??? ?? ?? ??? ???? ????. 2. ??, ???? ?? ?? ??? ???? ????. 3. ?? ?? ???? ?? ? ??? ???? ?? ?????. ?? ??? ??? ?????. ? ?? ??? ??? ??? ?? ???? ? ? ????. style ???? ???? ??? CSS ?? ?? ?????? ?? ???????. Select2? ?? ????? ??? ????? ? ??? ? ????.
CSS ? JavaScript? HTML5 ??? ????? ?????.
Jul 12, 2025 am 03:01 AM
HTML5, CSS ? JavaScript? ??? ??, ???? ?? ?? ? ???? ??? ????? ????????. 1. SEO ? ????? ???? ????? ??? ??? ? ?? ??? ??? ?? HTML5 ??? ??? ??????. 2. CSS? ???? ?? ??? ???? ???? ???? ??? ???? ????? ??? ?????. 3. JavaScript? ??? ???? ?? ???? DEFER ?? ASYNC? ???? ?? ???? ??? ?? ??? ????????. 4. ??? ??? ??? ???? ??? ??? ?? ? ??? ?? ?? ??? ?? ??? ???? ?? ?? ?? ??? ?? ?? ???? ??????. ??? ??? ??? ??? ????? ????? ?? ?? ? ? ????.
HTML ?? ??? ???? ?? ??? ?? ??
Jul 07, 2025 am 02:31 AM
HTML ?? ??? ???? ?? ??? ??? ???? ?? ?? ?? ? ???? ?? ??? ????????. 1. ????? ??? ??? ????? ?? ? ?? ?? (? : ??, ??, ???)? ?? ??? ?????. 2. JavaScript? ?? ?? ? ??? ???? ID? ?? ??? ?? ??? ??? ???? ?? ? ????. 3. CSS? ???? ???, ???, ?? ??? ? ??/?? ?? ??? ???? ???? ??? ???? ??? ??? ??????. 4. ???? ????????? : ???? ? ??? ????? ??? ???? JS ???? ???? ????? ???? ??? ???? ??? ??? ??? ???? ??? ?????. ??? ???????
??? html5 ??? (formdata)? ???? ?? ??? ??
Jul 08, 2025 am 02:28 AM
HTML5? FormData API? ???? ?? ???? ???? ?? ? ?????. 1. ?? ????? ?? ??? ???? ????? ???? ???? ?? ? ? ????. 2. ?? ???? ??? Fetch ?? Xmlhttprequest? ?? ?? ??/?? ??? ??? ??? ???????. 3. ??? ?? ? ? ??? FormData? ???? ??? ??????. 4. ??? ?? ??? ?? ?? JSON ?? ? ?? ??? ?? ? ??? ????.
