القائمة الرئيسية

الصفحات

مرجع شامل لحفظ أكواد لغة ال HTML بسهولة مجانا


لغة ال HTML هي أول اللغات التي يجب علي كل لديه الرغبه في تعلم تصميم أو برمجة المواقع أن يتعلمها ، فهي الأساس التي يبني عليه المستخدم فيما بعد ، ولذلك فهناك العديد من المواقع والقنوات المنتشره علي اليوتيوب في الوقت الحالي تمكنك من تعلم تصميم وبرمجة المواقع بالطبع من بينها لغة ال HTML ، وبعد أن تنتهي من تعلم اللغه فأنت تحتاج إلي مرجع يساعدك في تذكر الأكواد الخاصه باللغه بدون أن تعود مره أخري إلي الكورس ، ولذلك فإننا اليوم في هذه المقاله سوف نطرح عليك مرجع كامل لحفظ أكواد لغة ال HTML بسهوله .

شاهد أيضا : أفضل كورس لتعليم برمجة المواقع المدفوع الان مجانا + شهادة معتمدة لتحصل على وظيفة .





Document Outline

<!DOCTYPE>Version of (X)HTML
<html>….</html>HTML document
<head>….</head>Page information
<body>….</body>Page contests
Comments
<!– Comment Test –>
Page Information
<base />Base URL
<meta />Meta data
<title>….</title>Title
<link />Relevant resource
<style>….</style>Style resource
<script>….</script>Script resource




Document Structure 
<h1>….</h1> to <h6>….</h6>Heading
<div>….</div>Page section
<span>….</span>Inline section
<p>….</p>Paragraph
<br>Line break
<hr>Horizontal rule
Links 
<a href=””>Page link
<a href=”mailto:”>Email link
<a name=”name”>Anchor
<a href=”#name”>Link to anchor
Text Markup
<strong>….</strong>Strong emphasis
<em>….</em>Emphasis
<blockquote>….</blockquote>Long quotation
<q>….</q>Short quotation
<abbr>….</abbr>Abbreviation
<acronym>….</acronym>Acronym
<address>….</address>Address
<pre>….</pre>Pre-formatted text
<dfn>….</dfn>Definition
<code>….</code>Code
<cite>….</cite>Citation
<del>….</del>Deleted text
<ins>….</ins>Inserted text
<sub>….</sub>Subscript
<sup>….</sup>Superscript
<bdo>….</bdo>Text direction
List
<ol>….</ol>Ordered list
<ul>….</ul>Unordered list
<li>….</li>List item
<dl>….</dl>Definition list
<dt>….</dt>Definition term
<dd>….</dd>Term description
Forms
<form>….</form>Form
<fieldset>….</fieldset>Collection of fields
<legend>….</legend>Form legend
<label>….</label>Input label
<input>….</input>Form input
<select>….</select>Drop-down box
<optgroup>….</optgroup>Group of options
<option>….</option>Drop-down options
<textarea>….</textarea>Large text input
<button>….</button>Button
 Tables
<table>….</table>Table
<caption>….</caption>Caption
<thead>….</thead>Table body
<tbody>….</tbody>Table body
<tfoot>….</tfoot>Table footer
<colgroup>Column group
<col />Column
<tr>….</tr>Table row
<th>….</th>Header cell
<td>….</td>Table cell
 Images and Image Maps
<img />
Image
<map>….</map>
Image Map
<area />
Area of image map
Common Character Entities
&#34;   ”   Quotation mark
&#38;   &   Ampersand
&#60;   <   Less than
&#62;   >   Greater than
&#64;   @  “At” symbol
&#128;  €   Euro
&#149;  •   Small bullet
&#153;  ™  Trademark
&#163;  £   Pound
&#160;       Non-breaking space
&#169;  ©  Copyright symbol

Objects
<object>….</object>
Object
<param />
Parameter
Empty Elements
<area />
<base />
<br />
<col />
<hr />
<img />
<input />
<link />
<meta />
<param />
Core Attributes
Class: id      Style: title
Note: Core attributes may not be used in base, head, html, meta, param, script, style or title elements.
Language Attributes 
dir       lang
Note: Language Attributes may not be used in base, br, frame, framest, hr, iframe, param or script elements.
Keyboard Attributes
accesskey     tabindex
Window Events
onLoad    onUnload
Form Events
onBlur        onReset
onChange   onSelect
onFocus     onSubmit
Keyboard Events
onKeydown   onKeyup
onKeypress
Mouse Events

onClick    onMouseout
onDblclick    onMouseover
onMousedown   onMouseup
onMousemove



reaction:

تعليقات