لغة ال 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
وفي النهاية يمكنك تنزيل المرجع للتسهيل عليك من هنا .