Introduction to HTML
HTML is a fairly simple language made from elements, which might be applied to pieces of text to allow them different meanings in a very document (Is it a paragraph? Is it a bulleted list? Is it a part of a table?), Structure a document into logical sections (Does it have a header? Three columns of content? A navigation menu?), and embed content like images and videos into a page. This module will introduce the first two of those and introduce fundamental concepts and syntax you wish to know to know HTML.
Prerequisites
Before starting this module, you do not need any previous HTML knowledge, but you must have a minimum of basic familiarity with using computers and using the web passively. You must have a basic work environment founded (as detailed in Installing basic software), and understand a way to create and manage files (as detailed in handling files). Both are parts of our Getting started with the online complete beginner’s module.
Guides
This module contains the subsequent articles, which are able to take you through all the fundamental theories of HTML and supply ample opportunity for you to check out some skills.
Getting started with HTML
Covers absolutely the basics of HTML, to induce you started — we define elements, attributes, and other important terms, and show where they slot in the language. We also show how a typical HTML page is structured and the way an HTML element is structured, and explain other important basic language features. Along the way, we’ll play with some HTML to urge you interested.
What’s in the head? Metadata in HTML
The head of an HTML document is the part that is not displayed in the web browser when the page is loaded. It contains information such as the page <title>, links to CSS (if you want to style your HTML content with CSS), links to custom favicons, and metadata (data about the HTML, such as who wrote it, and important keywords that describe the document).
HTML Text fundamentals
One of HTML’s main jobs is to provide text meaning (also called semantics), so the browser knows a way to display it correctly. This text looks at the way to use HTML to interrupt up a block of text into a structure of headings and paragraphs, add emphasis/importance to words, create lists, and more.
Creating Hyperlinks
Hyperlinks are really important — they’re what makes the web internet. This text shows the syntax required to form a link and discusses best practices for links.
Advanced Text Formatting
There are many other elements in HTML for formatting text that we didn’t get to within the HTML text fundamentals post. The elements here are less well-known, but still useful to understand. During this post, you’ll study marking up quotations, description lists, code and other related text, subscript and superscript, contact information, and more.
Document and Website Structure
Additionally, as defining individual parts of your page, HTML is additionally accustomed define areas of your website (such as “the header,” “the navigation menu,” or “the main content column.”) This text looks into the way to plan a basic website structure and the way to write down the HTML to represent this structure.
Debugging HTML
Writing HTML is okay, but what if something goes wrong, and you cannot determine where the error in the code is? This text will introduce you to some tools which will help.
Assessments
The following assessments will test your understanding of the HTML basics covered in the guides above.
Marking up a Letter
We all learn to write down a letter sooner or later; it’s also a useful example to check out text formatting skills. during this assessment, you will be given a letter to mark up.
Structuring a Page of Content
This assessment tests your ability to use HTML to structure an easy page of content, containing a header, a footer, a navigation menu, main content, and a sidebar.
ایچ ٹی ایم ایل کا تعارف
ایچ ٹی ایم ایل عناصر سے بنی کافی آسان زبان ہے، جسے کسی دستاویز میں متن کے مختلف معنی دینے کے لیے لاگو کیا جا سکتا ہے، ایک دستاویز کو منطقی حصوں میں ڈھانچہ بنائیں (کیا اس میں ہیڈر ہے؟ مواد کے تین کالم؟ ایک نیویگیشن مینو؟)، اور مواد جیسے تصاویر اور ویڈیوز کو صفحہ میں شامل کریں۔ یہ ماڈیول ان میں سے پہلے دو کو متعارف کرائے گا اور بنیادی تصورات اور نحو کو متعارف کرائے گا جو آپ کو ایچ ٹی ایم ایل کو سمجھنے کے لیے جاننے کی ضرورت ہے۔
شرطیں
اس ماڈیول کو شروع کرنے سے پہلے، آپ کو کسی سابقہ ایچ ٹی ایم ایل علم کی ضرورت نہیں ہے، لیکن آپ کو کمپیوٹر استعمال کرنے اور ویب کو غیر فعال طور پر استعمال کرنے کی کم از کم بنیادی واقفیت ہونی چاہیے (یعنی اسے صرف دیکھنا اور مواد استعمال کرنا)۔ آپ کے پاس کام کا بنیادی ماحول ہونا چاہیے (جیسا کہ بنیادی سافٹ ویئر انسٹال کرنے میں تفصیل ہے)، اور فائلوں کو بنانے اور ان کا نظم کرنے کا طریقہ سمجھنا چاہیے (جیسا کہ فائلوں سے نمٹنے میں تفصیل ہے)۔ دونوں ویب مکمل بیگنرز ماڈیول کے ساتھ ہماری شروعات کے حصے ہیں۔
رہنما
اس ماڈیول میں درج ذیل مضامین شامل ہیں، جو آپ کو ایچ ٹی ایم ایل کے تمام بنیادی نظریہ کے ذریعے لے جائیں گے اور آپ کو کچھ مہارتوں کو جانچنے کا موقع فراہم کریں گے۔
ایچ ٹی ایم ایل کے ساتھ شروع کرنا
شروع کرنے کے لیے ایچ ٹی ایم ایل کی مکمل بنیادی باتوں کا احاطہ کرنا ضروری ہے — ہم عناصر، صفات اور دیگر اہم اصطلاحات کی وضاحت کرتے ہیں، اور یہ ظاہر کرتے ہیں کہ وہ زبان میں کہاں فٹ ہیں۔ ہم یہ بھی دکھاتے ہیں کہ ایک عام ایچ ٹی ایم ایل صفحہ کی ساخت کیسے ہوتی ہے اور ایچ ٹی ایم ایل عنصر کی ساخت کیسے ہوتی ہے، اور زبان کی دیگر اہم بنیادی خصوصیات کی وضاحت کرتے ہیں۔ راستے میں، ہم آپ کی دلچسپی لینے کے لیے کچھ ایچ ٹی ایم ایل کے ساتھ کھیلیں گے
ہیڈر میں کیا ہے؟ ایچ ٹی ایم ایل میں میٹا ڈیٹا
ایچ ٹی ایم ایل دستاویز کا ہیڈ وہ حصہ ہوتا ہے جو صفحہ لوڈ ہونے پر ویب براؤزر میں ظاہر نہیں ہوتا ہے۔ اس میں صفحہ کا عنوان، سی ایس ایس کے لنکس (اگر آپ اپنے ایچ ٹی ایم ایل مواد کو سی ایس ایس کے ساتھ اسٹائل کرنا چاہتے ہیں)، حسب ضرورت فیویکونز کے لنکس، اور میٹا ڈیٹا (ایچ ٹی ایم ایل کے بارے میں ڈیٹا، جیسے کہ اسے کس نے لکھا، اور اہم کلیدی الفاظ جو بیان کرتے ہیں) جیسی معلومات پر مشتمل ہے۔
ایچ ٹی ایم ایل ٹیکسٹ کے بنیادی اصول
ایچ ٹی ایم ایل کے اہم کاموں میں سے ایک کام متن کو معنی دینا ہے (جسے سیمنٹکس بھی کہا جاتا ہے)، تاکہ براؤزر کو معلوم ہو کہ اسے صحیح طریقے سے کیسے ظاہر کرنا ہے۔ یہ مضمون دیکھتا ہے کہ متن کے بلاک کو عنوانات اور پیراگراف کے ڈھانچے میں تقسیم کرنے، الفاظ پر زور/اہمیت شامل کرنے، فہرستیں بنانے اور مزید بہت کچھ کرنے کے لیے ایچ ٹی ایم ایل کا استعمال کیسے کیا جائے۔
ہائپر لنکس بنانا
ہائپر لنکس واقعی اہم ہیں – وہی ہیں جو ویب کو ویب بنا دیتے ہیں۔ یہ مضمون لنک بنانے کے لیے درکار نحو کو دکھاتا ہے اور لنکس کے لیے بہترین طریقوں پر بحث کرتا ہے۔
اعلی درجے کی ٹیکسٹ فارمیٹنگ
متن کی فارمیٹنگ کے لیے ایچ ٹی ایم ایل میں بہت سے دوسرے عناصر ہیں جو ہمیں ایچ ٹی ایم ایل ٹیکسٹ کے بنیادی مضمون میں نہیں ملے۔ یہاں کے عناصر کم معروف ہیں، لیکن پھر بھی ان کے بارے میں جاننا مفید ہے۔ اس مضمون میں، آپ کوٹیشنز، تفصیل کی فہرستیں، کمپیوٹر کوڈ اور دیگر متعلقہ متن، سبسکرپٹ اور سپر اسکرپٹ، رابطہ کی معلومات، اور مزید کے بارے میں جانیں گے۔
دستاویز اور ویب سائٹ کا ڈھانچہ
آپ کے صفحہ کے انفرادی حصوں کی وضاحت کرنے کے ساتھ ساتھ (جیسے ‘ایک پیراگراف’ یا ‘ایک تصویر’)، ایچ ٹی ایم ایل کو آپ کی ویب سائٹ کے علاقوں کی وضاحت کے لیے بھی استعمال کیا جاتا ہے (جیسے ‘ہیڈر،’ ‘نیویگیشن مینو،’ یا ‘ مرکزی مواد کا کالم۔’) یہ مضمون دیکھتا ہے کہ ویب سائٹ کے بنیادی ڈھانچے کی منصوبہ بندی کیسے کی جائے اور اس ڈھانچے کی نمائندگی کرنے کے لیے ایچ ٹی ایم ایل کو کیسے لکھا جائے۔
ایچ ٹی ایم ایل ڈی بگ کرنا
ایچ ٹی ایم ایل لکھنا ٹھیک ہے، لیکن اگر کچھ غلط ہو جائے، اور آپ کوڈ میں غلطی کہاں ہے اس پر آپ کام نہیں کر سکتے؟ یہ مضمون آپ کو کچھ ایسے ٹولز سے متعارف کرائے گا جو مدد کر سکتے ہیں۔
تشخیصات
مندرجہ ذیل جائزے اوپر گائیڈز میں شامل ایچ ٹی ایم ایل بنیادی باتوں کے بارے میں آپ کی سمجھ کی جانچ کریں گے۔
ایک خط کو نشان زد کرنا
ہم سب جلد یا بدیر خط لکھنا سیکھتے ہیں۔ یہ ٹیکسٹ فارمیٹنگ کی مہارت کو جانچنے کے لیے بھی ایک مفید مثال ہے۔ اس تشخیص میں، آپ کو مارک اپ کرنے کے لیے ایک خط دیا جائے گا۔
مواد کے صفحے کی تشکیل
یہ تشخیص مواد کے ایک سادہ صفحے کی تشکیل کے لیے ایچ ٹی ایم ایل استعمال کرنے کی آپ کی صلاحیت کی جانچ کرتا ہے، جس میں ایک ہیڈر، ایک فوٹر، ایک نیویگیشن مینو، مرکزی مواد، اور ایک سائڈبار ہوتا ہے۔