From da78a9e329e272dedb2400b79a3bdeebff387d47 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:17 -0500 Subject: initial commit --- .../html_basics/index.html | 218 +++++++++++++++++++++ .../lmed/getting_started_with_the_web/index.html | 60 ++++++ files/kab/lmed/html/index.html | 59 ++++++ .../kab/lmed/html/introduction_to_html/index.html | 55 ++++++ files/kab/lmed/index.html | 61 ++++++ 5 files changed, 453 insertions(+) create mode 100644 files/kab/lmed/getting_started_with_the_web/html_basics/index.html create mode 100644 files/kab/lmed/getting_started_with_the_web/index.html create mode 100644 files/kab/lmed/html/index.html create mode 100644 files/kab/lmed/html/introduction_to_html/index.html create mode 100644 files/kab/lmed/index.html (limited to 'files/kab/lmed') diff --git a/files/kab/lmed/getting_started_with_the_web/html_basics/index.html b/files/kab/lmed/getting_started_with_the_web/html_basics/index.html new file mode 100644 index 0000000000..bdbd531025 --- /dev/null +++ b/files/kab/lmed/getting_started_with_the_web/html_basics/index.html @@ -0,0 +1,218 @@ +--- +title: HTML uzdir +slug: Lmed/Getting_started_with_the_web/HTML_basics +translation_of: Learn/Getting_started_with_the_web/HTML_basics +--- +
+
+
{{LearnSidebar}}
+ +
{{PreviousMenuNext("Learn/Getting_started_with_the_web/Dealing_with_files", "Learn/Getting_started_with_the_web/CSS_basics", "Learn/Getting_started_with_the_web")}}
+
+
+ +
+

HTML (Hypertext Markup Language) d Tangalt ig ttwasqedcen amṣuk n agbur n usebtar n web u as-id yefk anamek d iswi.amedya,agbur n usebtar innek yezmer ad yilli d amatu n tiseddarin neɣ d umuɣ tiẓunin.yezmer daɣen ad awiḍ tugniwin,tifelwin n isefka.mebla ma nekcem deg talqayt ululled,amagrad agi attafem degs aṭas n isallen iw sedduy n HTML.

+
+ +

D'acut HTML?

+ +

HTML ur yelli,deg tidett,tutlayt n usihel. d tutlayt n tarkkizt ittwasqedcen iw akken ad yefk tamṣukt d unamek n ugbur i nebɣa a n wali deg asmel n web.llan degs {{Glossary("element", "elements")}}, imeẓliyen ara nesdukkel ɣer yal tamiwin n iferdisen iw akken ad yejbu unamek.ticṛaḍ {{Glossary("tag", "tags")}} id yezin ɣef awal naɣ tugna zemren ad sallin aseɣwen aflaḍṛis,ssers aḍṛis s iṭalik,ateg.amedya,s wayen id iteddun akka:

+ +
Amcic inu irfa
+
+ +

Ma tebɣam aḍṛis agi ad yilli deg taseddart,a ten sers deg yiwen uferdis n taseddart  ({{htmlelement("p")}}) :

+ +
<p>Amcic inu irfa </p>
+ +

Tacellaḥt n uferdis HTML

+ +

Sikked akken iwata aferdis agi n taseddart.

+ +

Ameskan yemallen tiskiwet n uferdis HTML

+ +

Isegran imenzawiyen n aferdis nneɣ atenih:

+ +
    +
  1. Taṛkkizt illin:degs isem n uferdis dagi (in this case, p), ger snat n taciwin.ayagi yemmal tazwart n uferdis. ,neɣ amḍiq i seg yesemdu.iw medya nneɣ,ayagi yemmal tazwart n uferdis.
    2. +
  2. Taṛkkizt imedlen: Dagi ɣuṛnaɣ daɣen taciwin d yisem n uferdis,i deg anernu tafeggagt timezlit send isem n uferdis.ayagi yemmal taggara n uferdis.iw medya nneɣ,ayagi yemmal taggara n taseddart.
    3. +
  3. Agbur: D agbur n uferdis,dagi d aḍṛis kan.
    4. +
  4. Aferdis: Yesemdu s taṛkkizt yellin,s taṛkkizt imedlen d agbur.
    5. +
+ +

Iferdisen zemren ad yilli ɣuṛsen ad « ayla » dayen ittemcabin:

+ +

A web page screenshot showing a firefox logo, a heading saying mozilla is cool, and two paragraphs of filler text

+ +

Deg aylaten llan isalen yernan ig wehan ɣer s aferdis ur nebɣi ad ittwasken akked agbur.deg medya yagi,ayla tadala yettaǧǧa aseqdec n isem i tukza n uferdis u isem agi nezmer a tenseqdec tikelt nniḍen iw sersi n talɣa d wayen nniḍen.

+ +

Yessefk ɣef ayla ad yesɛu:

+ +
    +
  1. Tallunt ger ayla d isem n uferdis anda aylaten zwaren (ma yella ugar aylaten)
    2. +
  2. Isem (d isem n wayla),defir-is tadugamt n nned« = »
    3. +
  3. Alday d amdal issilawen  iw segrer azal n wayla.        
    4. +
+ +

Asmeckukkel iferdisen

+ +

Tzemrem a ttessarsem iferdisen deg fardisen nniḍen,d wagi i wumi neqqaṛ Timeckukkal.amedya,ma yella tebɣiḍ ad sekneḍ d-akken amcic inek s tidett irfa,tzemreḍ a tessarsem awal "tidett" deg uferdis {{htmlelement("strong")}} , anamek-is d-akken awal ad yers d amezwaru:

+ +
<p>Amcic inu s <strong>tidett</strong> yerfa .</p>
+ +

Acu kan tikwal yessefk attḥadreḍ akken iferdisen ad meckukklen akken iwata wa ɣer wa.deg medya izrin,a neldi aferdis <p>, dɣa aferdis  <strong>. s-akkin,a nemdel aferdis <strong> dɣa a nemdel aferdis  <p>. ma yella neseqdec tangalt id iteddun,ayagi ur iggerez ara:

+ +
<p>amcic inu s <strong>tidett yerfa .</p></strong>
+ +

Iferdisen yessefk ad ttwaldin u ad ttwamedlen akken iwata,ma yella zelgen,iminig ad yaɛreḍ ad yefren win iwulmen,ahat mačči d win i nettraǧǧu.deg wawal,ttif ad yilli umeckukkel n iferdisen i wata iw akken ur yettilli ara wugur.

+ +

Iferdisen ilemawen

+ +

Kra seg fardisen ur ɣuṛsen ara agbur.iferdisen agi isem n sen Iferdisen ilemawen.ma yella n keyed  aferdis {{htmlelement("img")}}  agi deg ufaylu HTML:

+ +
<img src="tiwlafin/firefox-icon.png" alt="asadez tawlaft inu">
+ +

Aferdis agi degs sin n aylaten maca ulac taṛkkizt imedlen </img>waya agbur agwensan.tidett,aferdis n tugna ur yettawi yara agbur,iswi ines d asekcem n tawlaft deg sebtar n HTML,deg mḍiq anda aferdis yettwasers.

+ +

Tacelaḥt n tateggart HTML

+ +

tura akka n wala kra iferdisen HTML azadur.ma ttwabḍan,ur wulmen ara.ansikked amek ara nesemlil iw snulfu n usebtar HTML anguz.aneddu seg medya n ugbur yellan deg ufaylu amatar.html (id nesnulfa deg umagrad Sefrek amagrad:

+ +
<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Asadez usebtar inu </title>
+  </head>
+  <body>
+    <img src="tawlaft/firefox-icon.png" alt="asadez tawlaft inu">
+  </body>
+</html>
+ +

Atan d'acu yellan:

+ + + +

Tugniwin

+ +

I tikelt nniḍen ansikked aferdis n tawlaft:

+ +
<img src="tawlaft/firefox-icon.png" alt="asadez tawlaft inu">
+ +

Am akken in wala tikelt izrin,aferdis agi yettaǧǧa asekcem n tugna deg sebtar,deg amḍiq ideg aferdis ittbaned.tawlaft yettwasqedcen tettwasbad seg ayla src (iw ɣbalu) yellan degs abrid ɣer s afaylu n tugna.

+ +

Neseqdec daɣen ayla alt (iw alternatif) ideg yellan degs adṛis aɣ yeǧǧen an glem tawlaft u ig zemren a tettwaseqdec sɣuṛ uqedac ur nettwali tawlaft:

+ +
    +
  1. Acku iẓṛi n sen ur iggerez ara.iqedacen ig llan d imakdawen deg iẓṛi seqdacen sumata imaɣran igdilen ig qaṛen adṛis n wayla yagi iw akken aqedac ad yegzu d'acut.
    2. +
  2. Acku yella wayen yeḍṛan n dirri u degmi tawlaft ur tettwasken ara.amedya,ayagi izmer ad yeḍṛu ma yella abrid ɣer tawlaft ur iggerez ara : ɛarḍet attbedelem abrid  yellan deg ayla n wen src akken awen-id iban.ma yella abrid iggerez,awen-id yefeɣ waya:
    3. +
+ +

                                                                      

+ +

Ayen iwumi yessefk astecfum d-akken ayla yettwaseqdec iw glem n tawlaft.adṛis yellan deg ayla yessefk ad i jaǧǧew deqs n isalen iw akken ameɣri ad yeḥṣu amek i tga tawlaft.amedya,adṛis agi i seqdac-aɣ « Asadez tawlaft inu » ur yelhi yara maḍi.tifrat iwulmen d asersi « Turza Firefox ,ig skanayen abaraɣ s tjeḥniṭ degs times yezin iw akal ».

+ +

Deg tawuri n tugna inek,aselhu n udṛis ameslellay iw akken ad i glem tawlaft akken iwata.

+ +
+

Tazmilt: ugar isalen i takcumt,tzemrem a tesqedcem tigezmi  Takcumt  n MDN.

+
+ +

Ṛekkez adṛis

+ +

Deg tigezmi yagi,anẓeṛ kra seg fardisen HTML n uzadur iw ṛekkez n idṛisen.

+ +

Izwal

+ +

iferdisen n wazwel ttaǧǧan asbadu n kra idṛisen am izwal neɣ adahil n izwal iw agbur.akken yebɣu yilli,wigi teddun am akken adlis ɣuṛes azwel amenzawi: daɣen d izwal n yiɣef u d adahil n izwal deg iɣfawen,HTML degs 6  iswiren n izwal, {{htmlelement("h1")}}–{{htmlelement("h6")}} tugett d 3-4 iswiren agi ay qidden:

+ +
<h1>Azwel inu amenzawi</h1>
+<h2>Azwel inu n tigezmi</h2>
+<h3>Adahil inu</h3>
+<h4>Adahil-udahil n azwel inu</h4>
+ +

Tura tzemrem a ttarnum azwel yemsasan iw sebtar n wen seg iferdisen agi.tzemrem a tesersem nnig uferdis  {{htmlelement("img")}} deg tateggart n HTML.

+ +

Tiseddarin

+ +

Am akken  nezzegzi deg tazwara,iferdisen , {{htmlelement("p")}} ttwasqedcen iw akken ad yers degs tiseddarin n udṛis.attuɣalem aten teseqdacem nedzah iw sersi n udṛis deg sebtar:

+ +
<p>Attan taseddart</p>
+ +

Dagi tzemrem a tternum adṛis i tfernem mara  tɣatasem Amek ara d yefeɣ wasmel n wen? tzemrem a tesersem adṛis n wen deg yiwet neɣ deg aṭas n tiseddarin,srid sdaw uferdis  <img> .

+ +

Umuɣen

+ +

Amur ameqqṛan n igburen yellan deg Web llan s talɣa n umuɣen.ihi HTML ɣuṛes iferdisen yettwasqedcen deg sebggen n umuɣen.tarkkizt n umuɣen degs yall ass sin n iferdisen.tiwsatin n umuɣen yettwasqedcen yall ass d umuɣen yessuneḍen d umuɣen wer-ssuneḍen:

+ +

 

+ +
    +
  1. Umuɣen wer-ssuneḍen d umuɣen i deg tasunḍa n iferdisen mačči dayen yesɛan azal taṛkkizt yettwasqedcen i umuɣen agi d aferdis{{htmlelement("ul")}}.
    2. +
  2. Umuɣen yessuneḍen d umuɣen i deg tasunḍa n iferdisen yesɛan azal taṛkkizt yettwasqedcen i umuɣen agi d aferdis {{htmlelement("ol")}}.
    3. +
+ +

Yal aferdis n umuɣ yettuṛekkez akked aferdis {{htmlelement("li")}} (list item).

+ +

Deg medya, ma nebɣa anbeddel taseddart deg yiwen wumuɣ:

+ +
<p>Mozilla, d agraw ageraɣlan i deg ttekkan degs itiknulugen , imedmayen , imsalayen ig qedcen akken... </p>
+ +

Nezmer a neg:

+ +
<p>Mozilla,d agraw ageraɣlan i deg ttekkan degs</p>
+
+<ul>
+  <li>itiknulugen</li>
+  <li>imedmayen</li>
+  <li>imsalayen</li>
+</ul>
+
+<p>ig qedcen akken ... </p>
+ +

Ɛarḍet a tternum umuɣ yessuneḍen neɣ wer-yessuneḍen ɣef usebtar n wen.tzemrem a ternum ɣer tawlaft.

+ +

Iseɣwan

+ +

iseɣwan ɣuṛsen azal,ad nutnni ig gan d-akken web ad yilli d azeṭṭa i deg nezmer an inig seg sebtar ɣer s asebtar.iw snulfu n useɣwan,iqqad aseqdec n uferdis— {{htmlelement("a")}} —(a d tazribt i  « ancre ») iw sseɣwel n udṛis ɣer s aseɣwen,ddut deg mecwaṛen :

+ +
    +
  1. Ferenet adṛis (dagi neseqdac s udṛis « Ameskan n Mozilla ».
    2. +
  2. Segreret adṛis  deg ferdis<a>: + 
    <a>Ameskan n Mozilla</a>
    +
    3. +
  3. Awited ayla herf iw ferdis  <a> am akka: + 
    <a href="">Ameskan n Mozilla</a>
    +
    4. +
  4. Deg wayala yagi,ernut aseɣwen ɣer s asmel ideg tzemerem attwahim iqedacen: + 
    <a href="https://www.mozilla.org/en-kb/about/manifesto/">Amaskan Mozilla</a>
    +
    5. +
+ +

Γuṛwat atettum idis https:// neɣ http:// ig skanayen askari yettwasqedcen,deg tazwart n tansa.mara d snulfuḍ aseɣwen,skayad asebtar inek u senned fell-as iw akken attsenkedeḍ belli iteddu akken iwata..

+ +
+

href izmer ad iban yesewham deg tmuɣli-s.Tasefrayt ɣef wansi id yekka isem agi u ahat ak i sishel astecfuḍ : href yebɣa ad yini  hypertext reference s taglizit,anamek-is s taqbaylit Aflaḍṛis Tamselɣut.

+
+ +

Mur tgim ara,tzemrem atternum aseɣwen iw sebtar n wen s umezga n isalen agi.

+ +

Tarrayt

+ +

Ma yella tḍefṛem tiknutin usebtar agi,asebtar n wen ad ifeɣ am agi yellan da (tzemrem daɣen wali da):
+
+ A web page screenshot showing a firefox logo, a heading saying mozilla is cool, and two paragraphs of filler text

+ +

Ma yella twaḥlem,ur ttkukrut ara semyifet leqdic n wen akked amedya yekkfan yella di Github.

+ +

Deg amagrad agi, ur d nugem ara deg talqayt n HTML.iw akken tamusni a ttilli telha,tzemrem a tterrem s asbtar agi HTML Learning topic.

+ +

{{PreviousMenuNext("Learn/Getting_started_with_the_web/Dealing_with_files", "Learn/Getting_started_with_the_web/CSS_basics", "Learn/Getting_started_with_the_web")}}

diff --git a/files/kab/lmed/getting_started_with_the_web/index.html b/files/kab/lmed/getting_started_with_the_web/index.html new file mode 100644 index 0000000000..1a4acedfca --- /dev/null +++ b/files/kab/lmed/getting_started_with_the_web/index.html @@ -0,0 +1,60 @@ +--- +title: Asekkar n Web +slug: Lmed/Getting_started_with_the_web +tags: + - Beginner + - CSS + - Design + - Guide + - HTML + - Index + - NeedsTranslation + - TopicStub + - 'l10n:priority' + - publishing + - theory +translation_of: Learn/Getting_started_with_the_web +--- +
{{LearnSidebar}}
+ +
+

Asekker n Web d amezrar usdid ara wen-d imlen s wudem isehlen i tneflit n Web.ad tt-sewleḍ allalen i teḥwaǧǧeḍ i usali n usebter Web afraray u sissen tangalt-inek tafrarayt.

+
+ +

Amezruy  n wasmel-inek amezwaru

+ +

D leqdic ameqṛan i usalay n wasmel asadar, ihi,ma telliḍ d amaynut deg usnefli n Web,ad-k nenhu ad tebduḍ s ttawil kan. ur tsalayeḍ ara Facebook nniḍen akka tura,maca ur yewɛiṛ ara ad terreḍ asmel Web-inek ar uqqin,ihi tura anebdu.

+ +

Mara tqedceḍ imagraden-agi s usussel, seg wulac ad d-ḥelliḍ asmel Web amezwaru-inek ar uqqin.Iya-d ihi!

+ +

Aserkeb aseɣẓan n udasil

+ +

Mara yili d ifecka n usalay n wasmel, aṭas n wafran i yellan. ma tikkelt-inek tamezwarut, yezmer ad k-ɛerqent imi ṭṭuqten imaẓragen n tangalin, amḍiq n uqedic d ifecka n ukayad yellan. deg tigezmi n usebded n useɣẓan amezwaru, ad k-d nemmel s umecwaṛ amek ara tesbedeḍ iseɣẓan iteḥwaǧǧeḍ deg usnefli n wasmel web amezwaru.

+ +

Amek ara d yeffeɣ wasmel-inek?

+ +

Before you start writing the code for your website, you should plan it first. What information are you showcasing? What fonts and colors are you using? What will your website look like? We outline a simple method you can follow to plan out your site's content and design.

+ +

Dealing with files

+ +

A website consists of many files: text content, code, stylesheets, media content, and so on. When you're building a website, you need to assemble these files into a sensible structure and make sure they can talk to one another. Dealing with files explains how to set up a sensible file structure for your website and what issues you should be aware of.

+ +

HTML basics

+ +

Hypertext Markup Language (HTML) is the code that you use to structure your web content, and give it meaning and purpose. For example, is my content a set of paragraphs, or a list of bullet points? Do I have images inserted in my page? Do I have a data table? Without overwhelming you, HTML basics provides enough information to make you familiar with HTML.

+ +

CSS basics

+ +

Cascading Stylesheets (CSS) is the code that you use to style your website. For example, do you want text to be black or red? Where should content be drawn on the screen? What background images and colors should be used to decorate your website? CSS basics takes you through what you need to get started.

+ +

JavaScript basics

+ +

JavaScript is the programming language that you use to add interactive features to your website, for example games, things that happen when buttons are pressed or data is entered in forms, dynamic styling effects, animation, and much more. JavaScript basics gives you an idea of what is possible with this exciting language, and how to get started.

+ +

Publishing your website

+ +

Once you have finished writing the code and organizing the files that make up your website, you need to put it all online so people can find it. Publishing your sample code describes how to get your simple sample code online with minimum effort.

+ +

How the web works

+ +

When you access your favorite website, a lot of complicated things happen in the background that you may not know about. How the web works outlines what happens when you view a webpage on your computer.

diff --git a/files/kab/lmed/html/index.html b/files/kab/lmed/html/index.html new file mode 100644 index 0000000000..5ea3385644 --- /dev/null +++ b/files/kab/lmed/html/index.html @@ -0,0 +1,59 @@ +--- +title: HTML +slug: Lmed/HTML +tags: + - Beginner + - Guide + - HTML + - Intro + - Learn + - NeedsTranslation + - Topic + - TopicStub +translation_of: Learn/HTML +--- +
{{LearnSidebar}}
+ +

To build websites, you should know about {{Glossary('HTML')}} — the fundamental technology used to define the structure of a webpage. HTML is used to specify whether your web content should be recognized as a paragraph, list, heading, link, image, multimedia player, form, or one of many other available elements or even a new element that you define.

+ +

Learning pathway

+ +

Ideally you should start your learning journey by learning HTML. Start by reading Introduction to HTML. You may then move on to learning about more advanced topics such as:

+ + + +

Before starting this topic, you should have at least basic familiarity with using computers, and using the Web passively (i.e. just looking at it, consuming the content). You should have a basic work environment set up as detailed in Installing basic software, and understand how to create and manage files, as detailed in Dealing with files — both are parts of our Getting started with the web complete beginner's module.

+ +

It is recommended that you work through Getting started with the web before attempting this topic, however it isn't absolutely necessary; much of what is covered in the HTML basics article is also covered in our Introduction to HTML module, albeit in a lot more detail.

+ +

Modules

+ +

This topic contains the following modules, in a suggested order for working through them. You should definitely start with the first one.

+ +
+
Introduction to HTML
+
This module sets the stage, getting you used to important concepts and syntax, looking at applying HTML to text, how to create hyperlinks, and how to use HTML to structure a webpage.
+
Multimedia and embedding
+
This module explores how to use HTML to include multimedia in your web pages, including the different ways that images can be included, and how to embed video, audio, and even entire other webpages.
+
HTML Tables
+
Representing tabular data on a webpage in an understandable, {{glossary("Accessibility", "accessible")}} way can be a challenge. This module covers basic table markup, along with more complex features such as implementing captions and summaries.
+
HTML Forms
+
Forms are a very important part of the Web — these provide much of the functionality you need for interacting with web sites, e.g. registering and logging in, sending feedback, buying products, and more. This module gets you started with creating the client-side parts of forms.
+
+ +

Solving common HTML problems

+ +

Use HTML to solve common problems provides links to sections of content explaining how to use HTML to solve very common problems when creating a webpage: dealing with titles, adding images or videos, emphasizing content, creating a basic form, etc.

+ +

See also

+ +
+
+
HTML (HyperText Markup Language) on MDN.
+
The main entry point for HTML documentation on MDN, including detailed element and attribute references — if you want to know what attributes an element has or what values an attribute has, for example, this is a great place to start.
+
+
diff --git a/files/kab/lmed/html/introduction_to_html/index.html b/files/kab/lmed/html/introduction_to_html/index.html new file mode 100644 index 0000000000..cdf91173b2 --- /dev/null +++ b/files/kab/lmed/html/introduction_to_html/index.html @@ -0,0 +1,55 @@ +--- +title: Tazwart ɣer HTML +slug: Lmed/HTML/Introduction_to_HTML +translation_of: Learn/HTML/Introduction_to_HTML +--- +
{{LearnSidebar}}
+ +

At its heart, {{glossary("HTML")}} is a fairly simple language made up of elements, which can be applied to pieces of text to give them different meaning in a document (is it a paragraph? is it a bulleted list? is it 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 such as images and videos into a page. This module will introduce the first two of these, and introduce fundamental concepts and syntax you need to know to understand HTML.

+ +

Prerequisites

+ +

Ur yelli wayen ara tissinem ɣef HTML deg lǧǧeṛa n wamnir.acu kkan,yesefk fellawen attnumem iselkkimen ed useqdec n web.yesefk fellawen ad yilli umḍiq n umahal yelha. ((tikliwin sefkent ad lulleḍent deg magrad agi.) You should have a basic work environment set up as detailed in Installing basic software, and understand how to create and manage files, as detailed in Dealing with files — both are parts of our Getting started with the web complete beginner's module.

+ +
+

Note: If you are working on a computer/tablet/other device where you don't have the ability to create your own files, you could try out (most of) the code examples in an online coding program such as JSBin or Thimble.

+
+ +

Guides

+ +

This module contains the following articles, which will take you through all the basic theory of HTML, and provide ample opportunity for you to test out some skills.

+ +
+
Getting started with HTML
+
Covers the absolute basics of HTML, to get you started — we define elements, attributes, and all the other important terms you may have heard, and where they fit in to the language. We also show how an HTML element is structured, how a typical HTML page is structured, and explain other important basic language features. Along the way, we'll have a play with some HTML, to get 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 {{htmlelement("title")}}, links to {{glossary("CSS")}} (if you want to style your HTML content with CSS), links to custom favicons, and metadata (which is 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 give text meaning (also know as semantics), so that the browser knows how to display it correctly. This article looks at how to use HTML to break a block of text up into a structure of headings and paragraphs, add emphasis/importance to words, create lists, and more.
+
Creating hyperlinks
+
Hyperlinks are really important — they are what makes the Web a web. This article shows the syntax required to make a link, and discusses link best practices.
+
Advanced text formatting
+
There are many other elements in HTML for formatting text, which we didn't get to in the HTML text fundamentals article. The elements in here are less well-known, but still useful to know about. In here you'll learn about marking up quotations, description lists, computer code and other related text, subscript and superscript, contact information, and more.
+
Document and website structure
+
As well as defining individual parts of your page (such as "a paragraph" or "an image"), HTML is also used to define areas of your website (such as "the header", "the navigation menu", "the main content column".) This article looks into how to plan a basic website structure, and write the HTML to represent this structure.
+
Debugging HTML
+
Writing HTML is fine, but what if something is going wrong, and you can't work out where the error in the code is? This article will introduce you to some tools that can help you.
+
+ +

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 a letter sooner or later; it is also a useful example to test out our text formatting skills! So in this assessment you'll be given a letter to mark up.
+
Structuring a page of content
+
This assessment tests your ability to use HTML to structure a simple page of content, containing a header, footer, navigation menu, main content, and sidebar.
+
+ +

See also

+ +
+
Web literacy basics 1
+
An excellent Mozilla foundation course that explores and tests a lot of the skills talked about in the Introduction to HTML module. Learners get familiar with reading, writing and participating on the web in this six-part module. Discover the foundations of the web through production and collaboration.
+
diff --git a/files/kab/lmed/index.html b/files/kab/lmed/index.html new file mode 100644 index 0000000000..cc145e1c92 --- /dev/null +++ b/files/kab/lmed/index.html @@ -0,0 +1,61 @@ +--- +title: Lmed taneflit n web +slug: Lmed +translation_of: Learn +--- +
{{LearnSidebar}}
+ +
+

Anṣuf ar temnaḍt n uselmed MDN. Tagrumma-agi n imagraden iswi-ines d amuddu n ufus i yineflayen imaynuten akken ad bdun taneflit web s tmussni akked isran akken ad run tangalt i yismal web fessusen.

+
+ +

Iswi n taɣult-agi n MDN mačči i wakken ad ak-tawi seg «mezwar» ɣer «amazzay»,maca ad ak-d- tawi seg «mezwar» ɣer «amagraz» syin-a,tzemreḍ ad tedduḍ,ad tlemdeḍ ayen d yeggran deg MDN d iɣbula isuḍafen nniḍen i wakken ad d-aẓent deg tmusniwin tuzwirin.

+ +

Ma telliḍ d amezwar amatu,taneflit n web tezmer ad-ak-tiwɛiṛ, ur ttaggad aql-aɣ yid-k deg usurif-agi ak-id-nefk tallat d waṭas nniḍen i wakken ad tilliḍ tggarzeḍ deg leqdic-ik,am akken deg waxxam-ik i telliḍ,ɣas d anelmad i telliḍ i lemden taneflit n web (iman-ik naɣ tarbaɛt),d aselmad i yettnadin afecku n tadala,d amaswaḍ neɣ d win nniḍen i yebɣan kan agzu n wamek i teddunt titiknulujitin n web.

+ +
+

Axatar:Agbur n taɣzut ulmad tella tmerrniwt ɣers yal ass..ma ɣuṛwen isteqsiyen ɣef imaggayen itebɣam ad twalim yers neɣ i xuṣen, sesten tigezmi sddaw-a  {{anch("Contact us")}} i wugar isallen ɣef wamek ara ak-id nermes.

+
+ +

Ansi ara nezwir

+ + + +
+

Tazmilt: Amawal-nneɣ yettakk-d tibuda n wawalen.

+
+ +
+

Tazmilt: Mara nesissen ugar ifecka n walmad azadur deg imal.umuɣ-nneɣ «Afecku n walmad yuẓẓan» ɣef zelmaḍ ibeggen-d afecku nniḍen n uselmed deg MDN,ɣas ayagi ur d yekki seg taɣult n uselmed,maca dayen iwulmen..

+
+ +

{{LearnBox({"title":"Random glossary entry"})}}

+ +

Nermes-t-aɣ-d

+ +

Ma tebɣam ad-ɣ-d tnermsem ɣef kra n tɣawsa,ayen yelhan d akken ad-aɣ-id aznem izen ɣer wumuɣen-nneɣ n tnezgwit neɣ ibuda IRC.nebɣa ad nẓar sɣuṛ-wen ma yella wayen i twalam d-anezri neɣ ixuṣ kra deg wasmel,tuttriwin n imeggayen n uselmed imaynuten,tuttriwin n tallalt s iferdisen ur tegzim ara,neɣ ayen nniḍen.

+ +

Ma yella tɣedfeḍ ad tefkkeḍ tallalt i usnefli / asileɣ n wagbur,wali amek ara tallateḍ u snermes-taɣ!aql-aɣ newjed awen-id nemeslay,ama d anelmad,d aselmad,d sneflay n web yesnen neɣ win nniḍen yetɣedfen deg sileɣ n tarmit n uselmed.

+ +

Wali daɣen

+ +
+
Codecademy
+
D asmel asdawan i fazzen aṭas i uselmed n tutlayin n usihel seg ilem.
+
Code.org
+
Tiszri d talilt n usentengel n taffa,asmenzawi i warrac / amezwar.
+
FreeCodeCamp.com
+
Asmel asdawan s ituṭuryalen d isenfaren iw lmad n taneflit n Web.
+
+ +
+
Takarḍa n asgemmay
+
I usgemmay ɣef amessakwel d timusniwin 21tasut,i aɣ-d yettaǧǧan daɣen ad nezgger ɣer leqdic uselmed yettwafernen s taggayt.
+
Armud usegmisen
+
Amazrar n tirmudin i uselmed (d ulmad) id yesnulfa lsas Mozilla,i yesdukklen meṛṛa,seg asgemmay n web uzdir d tudert tabeḍnit ɣer JavaScript d usɣendef Minecraft.
+
-- cgit v1.2.3-54-g00ecf