html.html
HTML 27,131 bytes
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CodeLens - Lær HTML</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="../assets/css/style.css">
<style>
.sidebar-html h6 { color: var(--color-html); }
.sidebar-html .menu-item.active { border-right-color: var(--color-html); }
.explanation-html { border-right-color: var(--color-html); }
.explanation-html strong { color: var(--color-html); }
.code-header-html h5 { color: var(--color-html); }
.code-header-html .code-info { color: var(--color-css); }
/* Vis alt knapp */
.btn-show-all {
background: #e94560;
color: #fff;
border: none;
padding: 8px 16px;
border-radius: 6px;
font-size: 0.85rem;
width: 100%;
transition: all 0.3s;
margin-bottom: 10px;
}
.btn-show-all:hover {
background: #c73652;
transform: scale(1.02);
}
/* Nullstill alle knapp */
.btn-reset-all {
background: #fd971f;
color: #1a1a2e;
border: none;
padding: 6px 12px;
border-radius: 6px;
font-size: 0.75rem;
width: 100%;
transition: all 0.3s;
margin-top: 5px;
}
.btn-reset-all:hover {
background: #e0861a;
transform: scale(1.02);
}
/* Status for lagring */
.storage-status {
font-size: 0.7rem;
color: #75715e;
margin-top: 5px;
text-align: center;
}
.storage-status .saved {
color: #53d8fb;
}
/* Rediger knapp i kodevinduet */
.btn-edit-code {
position: absolute;
top: 10px;
right: 10px;
background: #fd971f;
color: #1a1a2e;
border: none;
padding: 4px 12px;
border-radius: 4px;
font-size: 0.8rem;
cursor: pointer;
z-index: 5;
opacity: 0.7;
transition: opacity 0.3s;
}
.btn-edit-code:hover {
opacity: 1;
}
/* Preview knapp */
.btn-preview {
background: #53d8fb;
color: #1a1a2e;
border: none;
padding: 6px 14px;
border-radius: 6px;
font-size: 0.85rem;
transition: all 0.3s;
}
.btn-preview:hover {
background: #3ac0e0;
transform: scale(1.02);
}
.code-viewer {
position: relative;
}
/* Lagringsindikator */
.save-indicator {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
margin-left: 5px;
}
.save-indicator.saved {
background: #53d8fb;
box-shadow: 0 0 10px #53d8fb;
}
.save-indicator.unsaved {
background: #fd971f;
box-shadow: 0 0 10px #fd971f;
}
</style>
</head>
<body>
<header class="codelens-header">
<div class="brand">
<i class="fa fa-html5"></i> CodeLens
<span>— Lær HTML</span>
</div>
<div class="nav-links">
<a href="index.html"><i class="fa fa-home"></i> Hjem</a>
<a href="css.html"><i class="fa fa-css3"></i> CSS</a>
<a href="js.html"><i class="fa fa-code"></i> JS</a>
<a href="../index.php"><i class="fa fa-folder-open"></i> Filbehandler</a>
</div>
</header>
<div class="codelens-container">
<div class="row g-4">
<div class="col-md-3">
<div class="sidebar sidebar-html">
<h6><i class="fa fa-list-ul"></i> HTML Emner</h6>
<!-- Vis alt knapp -->
<button class="btn-show-all" onclick="showAllTopics(topics)">
<i class="fa fa-eye"></i> Vis alle emner
</button>
<div class="menu-item active" data-id="structure" onclick="loadTopic('structure', topics)">
<i class="fa fa-sitemap"></i> Struktur
</div>
<div class="menu-item" data-id="head" onclick="loadTopic('head', topics)">
<i class="fa fa-cog"></i> <head>
</div>
<div class="menu-item" data-id="body" onclick="loadTopic('body', topics)">
<i class="fa fa-eye"></i> <body>
</div>
<div class="menu-item" data-id="div" onclick="loadTopic('div', topics)">
<i class="fa fa-square-o"></i> <div>
</div>
<div class="menu-item" data-id="span" onclick="loadTopic('span', topics)">
<i class="fa fa-i-cursor"></i> <span>
</div>
<div class="menu-item" data-id="headings" onclick="loadTopic('headings', topics)">
<i class="fa fa-header"></i> h1-h6
</div>
<div class="menu-item" data-id="closing" onclick="loadTopic('closing', topics)">
<i class="fa fa-question-circle"></i> Hvorfor /?
</div>
<div class="menu-item" data-id="attributes" onclick="loadTopic('attributes', topics)">
<i class="fa fa-tags"></i> Attributes
</div>
<div class="menu-item" data-id="footer" onclick="loadTopic('footer', topics)">
<i class="fa fa-credit-card"></i> <footer>
</div>
<div class="menu-item" data-id="lists" onclick="loadTopic('lists', topics)">
<i class="fa fa-list"></i> Lister
</div>
<div class="menu-item" data-id="links" onclick="loadTopic('links', topics)">
<i class="fa fa-link"></i> Lenker
</div>
<div class="menu-item" data-id="images" onclick="loadTopic('images', topics)">
<i class="fa fa-picture-o"></i> Bilder
</div>
<hr style="border-color: var(--border-color);">
<div class="color-legend">
<span><span class="dot" style="background:#f92672;"></span> Tags</span>
<span><span class="dot" style="background:#a6e22e;"></span> Attr.</span>
<span><span class="dot" style="background:#e6db74;"></span> Verdier</span>
<span><span class="dot" style="background:#75715e;"></span> Kommentarer</span>
</div>
<div style="margin-top: 10px; display: flex; flex-direction: column; gap: 5px;">
<button class="btn btn-sm btn-outline-primary-html w-100" onclick="copyCode('codeWindow')">
<i class="fa fa-copy"></i> Kopier kode
</button>
<button class="btn btn-sm btn-outline-primary-html w-100" onclick="editCode('codeWindow')">
<i class="fa fa-pencil"></i> Rediger kode
</button>
<button class="btn-reset-all" onclick="resetAllCode(topics)">
<i class="fa fa-refresh"></i> Nullstill ALLE endringer
</button>
</div>
<div class="storage-status">
<i class="fa fa-database"></i>
<span id="storageStatus">Endringer lagres lokalt</span>
</div>
</div>
</div>
<div class="col-md-9">
<div class="code-viewer">
<div class="code-header code-header-html">
<h5>
<i class="fa fa-file-code-o"></i>
<span id="topicTitle">HTML Struktur</span>
<span id="saveIndicator" class="save-indicator saved"></span>
</h5>
<div class="code-info">
<i class="fa fa-tag"></i> HTML
<span class="ms-3"><i class="fa fa-clock-o"></i> 12 emner</span>
<button class="btn-preview ms-3" onclick="showLivePreview()">
<i class="fa fa-eye"></i> Live Preview
</button>
</div>
</div>
<div id="codeWindow" class="code-window">
<span class="comment"><!-- HTML Struktur --></span>
<span class="doctype"><!DOCTYPE html></span>
<span class="tag"><html</span> <span class="attr">lang</span>=<span class="value">"fa"</span><span class="tag">></span>
<span class="tag"><head></span>
<span class="tag"><meta</span> <span class="attr">charset</span>=<span class="value">"UTF-8"</span><span class="tag">></span>
<span class="tag"><title></span>Min Side<span class="tag"></title></span>
<span class="tag"></head></span>
<span class="tag"><body></span>
<span class="comment"><!-- Innhold --></span>
<span class="tag"><h1></span>Velkommen!<span class="tag"></h1></span>
<span class="tag"></body></span>
<span class="tag"></html></span>
</div>
<!-- Rediger-knapp på kodevinduet -->
<button class="btn-edit-code" onclick="editCode('codeWindow')">
<i class="fa fa-pencil"></i> Rediger
</button>
</div>
<div id="explanation" class="explanation explanation-html">
<strong>🧱 HTML Struktur</strong><br>
En HTML-side består av tre hoveddeler:
<ul>
<li><span class="highlight"><head></span> — Metadata og ressurser</li>
<li><span class="highlight"><body></span> — Synlig innhold</li>
<li><span class="highlight"><footer></span> — Bunntekst</li>
</ul>
<span class="code-in-text"><!DOCTYPE html></span> forteller nettleseren at dette er HTML5.
</div>
</div>
</div>
</div>
<script src="../assets/js/main.js"></script>
<script>
// ====== HTML Topics ======
const topics = {
structure: {
title: 'HTML Struktur',
code: `<span class="comment"><!-- HTML Struktur --></span>
<span class="doctype"><!DOCTYPE html></span>
<span class="tag"><html</span> <span class="attr">lang</span>=<span class="value">"fa"</span><span class="tag">></span>
<span class="tag"><head></span>
<span class="tag"><meta</span> <span class="attr">charset</span>=<span class="value">"UTF-8"</span><span class="tag">></span>
<span class="tag"><title></span>Min Side<span class="tag"></title></span>
<span class="tag"></head></span>
<span class="tag"><body></span>
<span class="comment"><!-- Innhold --></span>
<span class="tag"><h1></span>Velkommen!<span class="tag"></h1></span>
<span class="tag"></body></span>
<span class="tag"></html></span>`,
explain: `<strong>🧱 HTML Struktur</strong><br>
En HTML-side består av tre hoveddeler:
<ul>
<li><span class="highlight"><head></span> — Metadata og ressurser</li>
<li><span class="highlight"><body></span> — Synlig innhold</li>
<li><span class="highlight"><footer></span> — Bunntekst</li>
</ul>
<span class="code-in-text"><!DOCTYPE html></span> forteller nettleseren at dette er HTML5.`
},
head: {
title: '<head>',
code: `<span class="tag"><head></span>
<span class="tag"><meta</span> <span class="attr">charset</span>=<span class="value">"UTF-8"</span><span class="tag">></span>
<span class="tag"><title></span>Min Side<span class="tag"></title></span>
<span class="tag"><link</span> <span class="attr">rel</span>=<span class="value">"stylesheet"</span> <span class="attr">href</span>=<span class="value">"style.css"</span><span class="tag">></span>
<span class="tag"><script</span> <span class="attr">src</span>=<span class="value">"script.js"</span><span class="tag">></script></span>
<span class="tag"></head></span>`,
explain: `🧠 <strong><head></strong> — Hode-seksjonen<br>
Inneholder <span class="highlight">metadata</span> som:
<ul>
<li><span class="highlight"><meta charset="UTF-8"></span> — Tegnsett</li>
<li><span class="highlight"><title></span> — Tittelen i nettleserfanen</li>
<li><span class="highlight"><link></span> — Kobler til CSS-filer</li>
<li><span class="highlight"><script></span> — Kobler til JavaScript-filer</li>
</ul>
Innholdet i <span class="code-in-text"><head></span> vises <strong>ikke</strong> på selve siden.`
},
body: {
title: '<body>',
code: `<span class="tag"><body></span>
<span class="tag"><h1></span>Overskrift<span class="tag"></h1></span>
<span class="tag"><p></span>Dette er et avsnitt med tekst.<span class="tag"></p></span>
<span class="tag"><div></span>
<span class="tag"><h2></span>Undertittel<span class="tag"></h2></span>
<span class="tag"><p></span>Mer tekst i en boks.<span class="tag"></p></span>
<span class="tag"></div></span>
<span class="tag"></body></span>`,
explain: `👁️ <strong><body></strong> — Hovedinnholdet<br>
<span class="highlight">Alt</span> som skrives her inne, vises på nettsiden.
<ul>
<li><span class="highlight"><h1></span> til <span class="highlight"><h6></span> — Overskrifter</li>
<li><span class="highlight"><p></span> — Avsnitt/tekst</li>
<li><span class="highlight"><div></span> — Boks for gruppering</li>
</ul>
<span class="code-in-text"><body></span> er det viktigste området for synlig innhold.`
},
div: {
title: '<div>',
code: `<span class="tag"><div</span> <span class="attr">class</span>=<span class="value">"boks"</span><span class="tag">></span>
<span class="tag"><h2></span>Overskrift i boks<span class="tag"></h2></span>
<span class="tag"><p></span>Tekst som hører til i boksen.<span class="tag"></p></span>
<span class="tag"></div></span>`,
explain: `📦 <strong><div></strong> — En "boks" for gruppering<br>
<ul>
<li>Brukes til å <span class="highlight">gruppere</span> innhold</li>
<li>Kan gi <span class="highlight">styling</span> med CSS (farge, bredde, osv.)</li>
<li>Er <span class="highlight">blokk</span>-element — tar hele bredden</li>
</ul>`
},
span: {
title: '<span>',
code: `<span class="tag"><p></span>
Dette er en setning med et
<span class="tag"><span</span> <span class="attr">style</span>=<span class="value">"color: #e94560;"</span><span class="tag">></span>
rødt ord
<span class="tag"></span></span>
i teksten.
<span class="tag"></p></span>`,
explain: `✏️ <strong><span></strong> — Inline-boks for tekst<br>
<ul>
<li><span class="highlight">Inline</span> — tar kun plassen til teksten</li>
<li>Brukes for å <span class="highlight">style</span> en liten del av teksten</li>
<li>Ofte brukt med <span class="highlight">CSS</span> eller <span class="highlight">JavaScript</span></li>
</ul>`
},
headings: {
title: 'Overskrifter h1-h6',
code: `<span class="tag"><h1></span>Største overskrift<span class="tag"></h1></span>
<span class="tag"><h2></span>Underoverskrift<span class="tag"></h2></span>
<span class="tag"><h3></span>Nivå 3<span class="tag"></h3></span>
<span class="tag"><h4></span>Nivå 4<span class="tag"></h4></span>
<span class="tag"><h5></span>Nivå 5<span class="tag"></h5></span>
<span class="tag"><h6></span>Minste overskrift<span class="tag"></h6></span>`,
explain: `📐 <strong>Overskrifter h1 til h6</strong><br>
<ul>
<li><span class="highlight"><h1></span> — Størst, brukes til hovedoverskrift</li>
<li><span class="highlight"><h2></span> til <span class="highlight"><h6></span> — Underoverskrifter</li>
<li>Viktig for <span class="highlight">SEO</span> (søkemotoroptimalisering)</li>
</ul>`
},
closing: {
title: 'Hvorfor / (slash)?',
code: `<span class="comment"><!-- Tagg med åpning og lukking --></span>
<span class="tag"><p></span> <span class="comment"><-- Åpning --></span>
Dette er et avsnitt.
<span class="tag"></p></span> <span class="comment"><-- Lukking med / --></span>
<span class="comment"><!-- Selvlukkende tagger --></span>
<span class="tag"><br></span> <span class="comment"><-- Linjeskift --></span>
<span class="tag"><img</span> <span class="attr">src</span>=<span class="value">"bilde.jpg"</span><span class="tag">></span> <span class="comment"><-- Bilde --></span>`,
explain: `❓ <strong>Hvorfor bruker vi / (slash)?</strong><br>
<ul>
<li>De fleste HTML-tagger er <span class="highlight">par</span>: <span class="code-in-text"><tagg></span> og <span class="code-in-text"></tagg></span></li>
<li><span class="highlight">/</span> forteller at taggen <strong>slutter</strong></li>
<li>Noen tagger er <span class="highlight">selvlukkende</span> og trenger ikke /</li>
</ul>`
},
attributes: {
title: 'Attributes (egenskaper)',
code: `<span class="comment"><!-- Eksempler på attributter --></span>
<span class="tag"><a</span> <span class="attr">href</span>=<span class="value">"https://example.com"</span> <span class="attr">target</span>=<span class="value">"_blank"</span><span class="tag">></span>Lenke<span class="tag"></a></span>
<span class="tag"><img</span> <span class="attr">src</span>=<span class="value">"bilde.jpg"</span> <span class="attr">alt</span>=<span class="value">"Beskrivelse"</span> <span class="attr">width</span>=<span class="value">"200"</span><span class="tag">></span>
<span class="tag"><div</span> <span class="attr">class</span>=<span class="value">"container"</span> <span class="attr">id</span>=<span class="value">"hoved"</span><span class="tag">></span>Innhold<span class="tag"></div></span>`,
explain: `🏷️ <strong>Attributter</strong> — gir ekstra info til tagger<br>
<ul>
<li><span class="highlight">href</span> — URL for lenke</li>
<li><span class="highlight">src</span> — Filbane for bilde</li>
<li><span class="highlight">alt</span> — Alternativ tekst for bilde</li>
<li><span class="highlight">class</span> og <span class="highlight">id</span> — Brukes til CSS-styling</li>
</ul>`
},
footer: {
title: '<footer>',
code: `<span class="tag"><footer></span>
<span class="tag"><p></span>© 2024 Mitt Selskap<span class="tag"></p></span>
<span class="tag"><a</span> <span class="attr">href</span>=<span class="value">"mailto:kontakt@eksempel.no"</span><span class="tag">></span>Kontakt oss<span class="tag"></a></span>
<span class="tag"></footer></span>`,
explain: `🦶 <strong><footer></strong> — Bunntekst<br>
<ul>
<li>Plasseres vanligvis <span class="highlight">nederst</span> på siden</li>
<li>Inneholder ofte <span class="highlight">opphavsrett</span>, kontaktinfo, lenker</li>
<li>Kan også brukes inne i <span class="code-in-text"><article></span> eller <span class="code-in-text"><section></span></li>
</ul>`
},
lists: {
title: 'Lister',
code: `<span class="comment"><!-- Ordnet liste (nummerert) --></span>
<span class="tag"><ol></span>
<span class="tag"><li></span>Første<span class="tag"></li></span>
<span class="tag"><li></span>Andre<span class="tag"></li></span>
<span class="tag"><li></span>Tredje<span class="tag"></li></span>
<span class="tag"></ol></span>
<span class="comment"><!-- Uordnet liste (punkter) --></span>
<span class="tag"><ul></span>
<span class="tag"><li></span>Eple<span class="tag"></li></span>
<span class="tag"><li></span>Banan<span class="tag"></li></span>
<span class="tag"><li></span>Appelsin<span class="tag"></li></span>
<span class="tag"></ul></span>`,
explain: `📋 <strong>Lister</strong><br>
<ul>
<li><span class="highlight"><ol></span> — Ordnet liste (nummerert)</li>
<li><span class="highlight"><ul></span> — Uordnet liste (med punkt)</li>
<li><span class="highlight"><li></span> — Liste-element</li>
</ul>`
},
links: {
title: 'Lenker',
code: `<span class="comment"><!-- Vanlig lenke --></span>
<span class="tag"><a</span> <span class="attr">href</span>=<span class="value">"https://google.com"</span><span class="tag">></span>Gå til Google<span class="tag"></a></span>
<span class="comment"><!-- Lenke som åpnes i ny fane --></span>
<span class="tag"><a</span> <span class="attr">href</span>=<span class="value">"https://google.com"</span> <span class="attr">target</span>=<span class="value">"_blank"</span><span class="tag">></span>
Google (ny fane)
<span class="tag"></a></span>
<span class="comment"><!-- Lenke til e-post --></span>
<span class="tag"><a</span> <span class="attr">href</span>=<span class="value">"mailto:hei@eksempel.no"</span><span class="tag">></span>Send e-post<span class="tag"></a></span>`,
explain: `🔗 <strong>Lenker</strong> — navigasjon på nettet<br>
<ul>
<li><span class="highlight">href</span> — Målet for lenken</li>
<li><span class="highlight">target="_blank"</span> — Åpner lenken i <span class="highlight">ny fane</span></li>
<li>Kan lenke til <span class="highlight">sider, filer, e-post</span> og mer</li>
</ul>`
},
images: {
title: 'Bilder',
code: `<span class="comment"><!-- Legge til bilde --></span>
<span class="tag"><img</span> <span class="attr">src</span>=<span class="value">"bilde.jpg"</span> <span class="attr">alt</span>=<span class="value">"Beskrivelse av bildet"</span><span class="tag">></span>
<span class="comment"><!-- Bilde med bredde og høyde --></span>
<span class="tag"><img</span> <span class="attr">src</span>=<span class="value">"bilde.jpg"</span> <span class="attr">alt</span>=<span class="value">"Beskrivelse"</span>
<span class="attr">width</span>=<span class="value">"300"</span> <span class="attr">height</span>=<span class="value">"200"</span><span class="tag">></span>`,
explain: `🖼️ <strong>Bilder</strong> — visuelt innhold<br>
<ul>
<li><span class="highlight">src</span> — Filbanen til bildet</li>
<li><span class="highlight">alt</span> — <span class="highlight">Viktig!</span> Beskrivelse for skjermlesere</li>
<li><span class="highlight">width</span> og <span class="highlight">height</span> — Størrelse i piksler</li>
</ul>
<span class="code-in-text"><img></span> er en <span class="highlight">selvlukkende</span> tagg.`
}
};
// Start med struktur
window.onload = function() {
loadTopic('structure', topics);
};
</script>
</body>
</html>
( ! ) Warning: Undefined variable $file in C:\wamp64\www\php.karimy.no\tools\codelens1\index.php on line 246
| Call Stack |
| # | Time | Memory | Function | Location |
| 1 | 0.0005 | 362560 | {main}( ) | ...\index.php:0 |
| 2 | 0.0017 | 391952 | show_code_viewer( $filename = 'html.html', $content = '<!DOCTYPE html>\n<html lang="fa" dir="rtl">\n<head>\n <meta charset="UTF-8">\n <meta name="viewport" content="width=device-width, initial-scale=1.0">\n <title>CodeLens - Lær HTML</title>\n <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet">\n <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">\n <link rel="stylesheet" href="../assets/css/style.css">\n <style>\n .sidebar-html h6'..., $ext = 'html' ) | ...\index.php:39 |
| ( ! ) Deprecated: dirname(): Passing null to parameter #1 ($path) of type string is deprecated in C:\wamp64\www\php.karimy.no\tools\codelens1\index.php on line 246 |
| Call Stack |
| # | Time | Memory | Function | Location |
| 1 | 0.0005 | 362560 | {main}( ) | ...\index.php:0 |
| 2 | 0.0017 | 391952 | show_code_viewer( $filename = 'html.html', $content = '<!DOCTYPE html>\n<html lang="fa" dir="rtl">\n<head>\n <meta charset="UTF-8">\n <meta name="viewport" content="width=device-width, initial-scale=1.0">\n <title>CodeLens - Lær HTML</title>\n <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet">\n <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">\n <link rel="stylesheet" href="../assets/css/style.css">\n <style>\n .sidebar-html h6'..., $ext = 'html' ) | ...\index.php:39 |
| 3 | 0.0037 | 425880 | dirname( $path = NULL ) | ...\index.php:246 |
" class="btn">
Tilbake
( ! ) Warning: Undefined variable $file in C:\wamp64\www\php.karimy.no\tools\codelens1\index.php on line 249
| Call Stack |
| # | Time | Memory | Function | Location |
| 1 | 0.0005 | 362560 | {main}( ) | ...\index.php:0 |
| 2 | 0.0017 | 391952 | show_code_viewer( $filename = 'html.html', $content = '<!DOCTYPE html>\n<html lang="fa" dir="rtl">\n<head>\n <meta charset="UTF-8">\n <meta name="viewport" content="width=device-width, initial-scale=1.0">\n <title>CodeLens - Lær HTML</title>\n <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet">\n <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">\n <link rel="stylesheet" href="../assets/css/style.css">\n <style>\n .sidebar-html h6'..., $ext = 'html' ) | ...\index.php:39 |
| ( ! ) Deprecated: urlencode(): Passing null to parameter #1 ($string) of type string is deprecated in C:\wamp64\www\php.karimy.no\tools\codelens1\index.php on line 249 |
| Call Stack |
| # | Time | Memory | Function | Location |
| 1 | 0.0005 | 362560 | {main}( ) | ...\index.php:0 |
| 2 | 0.0017 | 391952 | show_code_viewer( $filename = 'html.html', $content = '<!DOCTYPE html>\n<html lang="fa" dir="rtl">\n<head>\n <meta charset="UTF-8">\n <meta name="viewport" content="width=device-width, initial-scale=1.0">\n <title>CodeLens - Lær HTML</title>\n <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet">\n <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">\n <link rel="stylesheet" href="../assets/css/style.css">\n <style>\n .sidebar-html h6'..., $ext = 'html' ) | ...\index.php:39 |
| 3 | 0.0047 | 425880 | urlencode( $string = NULL ) | ...\index.php:249 |
&raw=1" class="btn btn-primary" target="_blank">
Åpne raw
Gå til læring