Html 5
#1
Darbs ar html5.

Dzīvais Html 5 standarts. ( Last Updated 24 October 2023)

Rokas iesilšanai: https://www.w3schools.com/html/

Palīgprogramma: https://github.com/htacg/tidy-html5/releases/
Kas ir pieejama arī tiešsaistē: https://infohound.net/tidy/

Varbūt var izmantot https://clickwiki.github.io/exporters/HTML5/

Un pārbaudes var veikt: https://validator.w3.org/nu/
"Kā cilvēks, kam trūkst pašcieņas, nav dīdzējs, bet nīcējs, tā arī tauta, kurai nav pašapziņas." K.Mīlenbahs
Atbilde
#2
Bez tipiskām kļūdām, mēdz būt arī nedraudzīgas lapas mobilajiem telefoniem

https://www.techtarget.com/whatis/featur...ly-website

un tad jau paliek sīkumi: https://pagespeed.web.dev/
"Kā cilvēks, kam trūkst pašcieņas, nav dīdzējs, bet nīcējs, tā arī tauta, kurai nav pašapziņas." K.Mīlenbahs
Atbilde
#3
Es pajautāju AI Ljama 3.88 Instruct lai man uzraksta HTML 5 <head> lapai:

Kods:
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>My New Website</title>
  <link rel="stylesheet" href="styles.css"> <!-- link to your CSS file -->
  <script src="scripts.js"></script> <!-- link to your JavaScript file -->
 
  <!-- Open Graph metadata for social sharing -->
  <meta property="og:title" content="My New Website">
  <meta property="og:description" content="This is my new website!">
  <meta property="og:image" content="image.jpg"> <!-- add the URL of an image to use as a thumbnail -->
 
  <!-- Google Analytics tracking code (replace with your own) -->
  <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;a.charset='utf-8';
      m.parentNode.insertBefore(a,m)
    })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
    ga('create', 'UA-XXXXX-X', 'auto'); // replace with your tracking ID
  </script>
</head>
This header includes:

* The `charset` meta tag to specify the character encoding of the page.
* The `viewport` meta tag to control how the page is displayed on mobile devices.
* A `title` element to set the title of the webpage, which appears in browser tabs and search engine results.
* Links to external CSS and JavaScript files (replace with your own file names).
* Open Graph metadata for social sharing, including a title, description, and image URL.
* A Google Analytics tracking code (replace with your own).

Note that you should replace `styles.css` and `scripts.js` with the actual file names of your CSS and JavaScript files. You can also customize this header to fit your specific needs!

AI Ljama 3.88 Instruct latviešu valodu saprot, bet neraksta.
 
Reasoner v1
Krietni jautra situācija
Prompt: html5 head jaunais lapai
Response: Certainly! Let's create a simple HTML5 document with the title "Jaunais Lapai".
Kods:
<!DOCTYPE html>
<html lang="lv">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Jaunais Lapai</title>
</head>
<body>
    <h1>Sveiciens no Jauniem Lapiem!</h1>
</body>
</html>

un piebilde
Kods:
Uncaught exception at line 1: SyntaxError: Gaidīja marķieri “;”
```html```It looks like there was a syntax error in the HTML code. Let's correct it and ensure that all tags are properly closed.
"Kā cilvēks, kam trūkst pašcieņas, nav dīdzējs, bet nīcējs, tā arī tauta, kurai nav pašapziņas." K.Mīlenbahs
Atbilde
#4
Tiešsaistes chatgtp.com
Lūk, pamata HTML5 lapas piemērs ar pareizi izveidotu <head> sadaļu. Šis ir labs sākumpunkts jaunai HTML5 lapai:
Kods:
<!DOCTYPE html>
<html lang="lv">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mājaslapa</title>
<meta name="description" content="Šī ir mana jaunā HTML5 mājaslapa.">
<meta name="author" content="Tavs Vārds">
<!-- Ikonas -->
<link rel="icon" href="favicon.ico" type="image/x-icon">
<!-- Stili -->
<link rel="stylesheet" href="style.css">
<!-- Fonts vai citas ārējās saites -->
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
</head>
<body>
<h1>Sveika, pasaule!</h1>
</body>
</html>
Galveno elementu skaidrojums:
<!DOCTYPE html> — norāda, ka šis ir HTML5 dokuments.
<html lang="lv"> — iestata valodu uz latviešu.
<meta charset="UTF-8"> — rakstzīmju kodējums, nepieciešams, lai teksts (piemēram, latviešu burti) attēlotos pareizi.
<meta name="viewport"> — padara lapu responsīvu uz mobilajām ierīcēm.
<title> — lapas nosaukums, kas redzams pārlūkprogrammas cilnē.
<meta name="description"> — īss apraksts, ko redz meklētājprogrammas.
<link rel="stylesheet"> — norāda uz ārējo CSS stila lapu.
Ja tev ir konkrēts mērķis vai veids, kā šo lapu izmantosi (piemēram: portfolio, blogs, u.c.), varu palīdzēt pielāgot šo veidni.
"Kā cilvēks, kam trūkst pašcieņas, nav dīdzējs, bet nīcējs, tā arī tauta, kurai nav pašapziņas." K.Mīlenbahs
Atbilde
#5
Pati amizantakā atbilde bija no DeepSeek-R1-Distill-Llama-8B:
Citāts:Jā, varat piekļaut dažādus valodas. Viski manuāli ir angliskai, bet jauniekiem kuriem dažadus valodas, varat tālās lasīt ar latvian un franču versijas.
Vot tiek, kad vēlos - jā piekļaut franču valoda. Viski ceļni ir iekļauti manuāli, bet varat tālās lasīt ar latvian un franču versijas.
Jei vēlaties, galiem jūs atsegaminių franču valoda par ādams.

Aeee ... Big Grin
"Kā cilvēks, kam trūkst pašcieņas, nav dīdzējs, bet nīcējs, tā arī tauta, kurai nav pašapziņas." K.Mīlenbahs
Atbilde
« Vecāks | Jaunāks »


Pārlēkt uz:


Users browsing this thread: 1 Guest(s)