لغة ال HTML هي أول اللغات التي يجب علي كل لديه الرغبه في تعلم تصميم أو برمجة المواقع أن يتعلمها ، فهي الأساس التي يبني عليه المستخدم فيما بعد ، ولذلك فهناك العديد من المواقع والقنوات المنتشره علي اليوتيوب في الوقت الحالي تمكنك من تعلم تصميم وبرمجة المواقع بالطبع من بينها لغة ال HTML ، وبإمكانك أن تتعرف علي أفضل قناه عربيه لتعلم تصميم وبرمجة المواقع من هنا ، وبعد أن تنتهي من تعلم اللغه فأنت تحتاج إلي مرجع يساعدك في تذكر الأكواد الخاصه باللغه بدون أن تعود مره أخري إلي الكورس ، ولذلك فإننا اليوم في هذه المقاله سوف نطرح عليك مرجع كامل لحفظ أكواد لغة ال HTML بسهوله .
1- Document Outline
| <!DOCTYPE> | Version of (X)HTML |
| <html>….</html> | HTML document |
| <head>….</head> | Page information |
| <body>….</body> | Page contests |
2- Comments
<!– Comment Test –>
3- Page Information
| <base /> | Base URL |
| <meta /> | Meta data |
| <title>….</title> | Title |
| <link /> | Relevant resource |
| <style>….</style> | Style resource |
| <script>….</script> | Script resource |
4- 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 |
5- Links
| <a href=””> | Page link |
| <a href=”mailto:”> | Email link |
| <a name=”name”> | Anchor |
| <a href=”#name”> | Link to anchor |
إقرأ ايضاً : مرجع كامل لحفظ اكواد لغة PHP بسهولة مجانا .
6- 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 |
7- 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 |
8- 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 |
9- 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 |
10- Images And Image Maps
<img />
Image
<map>….</map>
Image Map
<area />
Area of image map
إقرأ أيضاً : مرجع كامل لحفظ اكواد لغة الجافا سكربت JavaScript بسهولة مجانا .
11- Common Character Entities
" ” Quotation mark
& & Ampersand
< < Less than
> > Greater than
@ @ “At” symbol
€ € Euro
• • Small bullet
™ ™ Trademark
£ £ Pound
  Non-breaking space
© © Copyright symbol
12- Objects
<object>….</object>
Object
<param />
Parameter
13- Empty Elemnts
<area />
<base />
<br />
<col />
<hr />
<img />
<input />
<link />
<meta />
<param />
14- Core Attributes
Class: id Style: title
15- Language Attributes
dir lang
16- Keyboard Attributes
accesskey tabindex
يهمك أيضاً : مرجع كامل مجاناً لقاعدة البيانات MySQL للتسهيل عليك .
17- Window Events
onLoad onUnload
18- Form Events
onBlur onReset
onChange onSelect
onFocus onSubmit
19- Keyboard Events
onKeydown onKeyup
onKeypress
20- Mouse Events
onClick onMouseout
onDblclick onMouseover
onMousedown onMouseup
onMousemove
وفي النهاية يمكنك تنزيل المرجع للتسهيل عليك من هنا .
