Heim Web-Frontend Front-End-Fragen und Antworten Was ist der Unterschied zwischen HTML, CSS, JS?

Was ist der Unterschied zwischen HTML, CSS, JS?

Apr 21, 2020 am 09:02 AM
css html js

Was ist der Unterschied zwischen HTML, CSS, JS?

Was ist der Unterschied zwischen HTML, CSS, JS?

Im täglichen Studium haben wir alle HTML, CSS und JS gelernt. Zuerst konnten wir die Unterschiede und Zusammenhänge zwischen den dreien nicht erkennen. Lassen Sie Tianjin Danai einen Blick darauf werfen, was diese drei Technologien sind und was sie leisten können.

1. HTML – Hypertext Markup Language

Hypertext Markup Language. Es verwendet Markup-Symbole, um verschiedene Teile der anzuzeigenden Webseite zu markieren. Die Webseitendatei selbst ist eine Textdatei. Durch das Hinzufügen von Tags zur Textdatei können Sie dem Browser mitteilen, wie der Inhalt angezeigt werden soll (z. B. wie Text verarbeitet, Bilder angeordnet, Bilder angezeigt werden sollen usw.). Der Browser liest die Webseitendateien der Reihe nach und interpretiert und zeigt den markierten Inhalt dann entsprechend den Tags an:

<html> <head> <title>HTML</title> </head> <body> </body> </html>
Nach dem Login kopieren

HTML-Text enthält sogenannte „Linkpunkte“, um verschiedene Leerzeichen zu kombinieren Textnetz, das Textinformationen zusammenfasst. Im Allgemeinen ist HTML eine Sprache, die die Struktur von Webseiten und die Anzeige von Inhalten integriert.

2. CSS – Cascading Style Sheet

Cascading Style Sheet. Es handelt sich um eine Auszeichnungssprache, die Stilinformationen vom Webseiteninhalt trennt. In unserem Pressemitteilungssystem für Rinderbrust haben wir CSS-Dateien verwendet, um die Stile einiger Etiketten zu ändern.

Was ist der Unterschied zwischen HTML, CSS, JS?

Wir verwenden CSS, um Stile für jedes HTML-Element zu definieren und können auch für mehrere Schnittstellen verwendet werden. Wenn Sie ein globales Update durchführen, ändern Sie einfach den Stil.

body { border :1px solid #000;/*整体的边框*/ font-size :14px; }
Nach dem Login kopieren

Um es ganz klar auszudrücken: CSS ist die Sprache zum Festlegen der Attribute von HTML-Elementen auf Webseiten.

3. JavaScript

Ich war zunächst sehr deprimiert. Warum ist der Name Java so ähnlich?

Das ist ein typischer Marketingerfolg, und sein Werbeerfolg ist es auch Die Leistungsfähigkeit von Java ausleihen. Als Microsoft erkannte, dass Javascript bei Webentwicklern immer beliebter wurde, folgte Microsoft diesem Beispiel und entwickelte seine eigene Skriptsprache, JScript.

Javascript ist eine objekt- und ereignisgesteuerte Skriptsprache mit Sicherheitsfunktionen. Der Zweck seiner Verwendung besteht darin, mit der HTML-Hypertext-Auszeichnungssprache und der Java-Skriptsprache (Java-Applet) zu arbeiten, um mehrere Objekte auf einer Webseite zu verknüpfen und mit Web-Clients zu interagieren. Sie können beispielsweise Mouseover-Effekte festlegen, Formulare auf dem Client validieren, benutzerdefinierte HTML-Seiten erstellen, Warnfelder anzeigen, Cookies setzen und vieles mehr.

function jsHello{ alert(&#39;Hello World!&#39;); }
Nach dem Login kopieren

Betten Sie den Code in die HTML-Sprache ein und es wird beim Laden ein „Hallo Welt“-Dialogfeld angezeigt. Wie man es einbettet, wussten wir bereits zu Beginn des Erlernens von JS-Videos.

Was ist der Unterschied zwischen HTML, CSS, JS?

Hier geht es um die Unterschiede zwischen HTML, CSS und JS. Das Wichtigste, was Sie lernen müssen, ist, sich auf sich selbst zu verlassen, die richtigen Lernfähigkeiten zu beherrschen und durchzuhalten. kann erobert werden!

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen HTML, CSS, JS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So verwenden Sie Bootstrap in Vue So verwenden Sie Bootstrap in Vue Apr 07, 2025 pm 11:33 PM

Die Verwendung von Bootstrap in Vue.js ist in fünf Schritte unterteilt: Startstrap installieren. Bootstrap in main.js. Verwenden Sie die Bootstrap -Komponente direkt in der Vorlage. Optional: benutzerdefinierter Stil. Optional: Verwenden Sie Plug-Ins.

Die Rollen von HTML, CSS und JavaScript: Kernverantwortung Die Rollen von HTML, CSS und JavaScript: Kernverantwortung Apr 08, 2025 pm 07:05 PM

HTML definiert die Webstruktur, CSS ist für Stil und Layout verantwortlich, und JavaScript ergibt eine dynamische Interaktion. Die drei erfüllen ihre Aufgaben in der Webentwicklung und erstellen gemeinsam eine farbenfrohe Website.

So schreiben Sie geteilte Zeilen auf Bootstrap So schreiben Sie geteilte Zeilen auf Bootstrap Apr 07, 2025 pm 03:12 PM

Es gibt zwei Möglichkeiten, eine Bootstrap -Split -Zeile zu erstellen: Verwenden des Tags, das eine horizontale Split -Linie erstellt. Verwenden Sie die CSS -Border -Eigenschaft, um benutzerdefinierte Style Split -Linien zu erstellen.

HTML, CSS und JavaScript verstehen: Ein Anfängerhandbuch HTML, CSS und JavaScript verstehen: Ein Anfängerhandbuch Apr 12, 2025 am 12:02 AM

WebdevelopmentRelieSonHtml, CSS und JavaScript: 1) HtmlStructuresContent, 2) CSSstylesit und 3) JavaScriptaddssinteraktivität, Bildung von TheBasisofModerernwebexperiences.

So ändern Sie Bootstrap So ändern Sie Bootstrap Apr 07, 2025 pm 03:18 PM

Um die Größe der Elemente in Bootstrap anzupassen, können Sie die Dimensionsklasse verwenden, einschließlich: Einstellbreite:.

So richten Sie das Framework für Bootstrap ein So richten Sie das Framework für Bootstrap ein Apr 07, 2025 pm 03:27 PM

Um das Bootstrap -Framework einzurichten, müssen Sie die folgenden Schritte befolgen: 1. Verweisen Sie die Bootstrap -Datei über CDN; 2. Laden Sie die Datei auf Ihrem eigenen Server herunter und hosten Sie sie. 3.. Fügen Sie die Bootstrap -Datei in HTML hinzu; 4. Kompilieren Sie Sass/weniger bei Bedarf; 5. Importieren Sie eine benutzerdefinierte Datei (optional). Sobald die Einrichtung abgeschlossen ist, können Sie die Grid -Systeme, -Komponenten und -stile von Bootstrap verwenden, um reaktionsschnelle Websites und Anwendungen zu erstellen.

So fügen Sie Bilder auf Bootstrap ein So fügen Sie Bilder auf Bootstrap ein Apr 07, 2025 pm 03:30 PM

Es gibt verschiedene Möglichkeiten, Bilder in Bootstrap einzufügen: Bilder direkt mit dem HTML -IMG -Tag einfügen. Mit der Bootstrap -Bildkomponente können Sie reaktionsschnelle Bilder und weitere Stile bereitstellen. Legen Sie die Bildgröße fest und verwenden Sie die IMG-Fluid-Klasse, um das Bild anpassungsfähig zu machen. Stellen Sie den Rand mit der img-beliebten Klasse ein. Stellen Sie die abgerundeten Ecken ein und verwenden Sie die IMG-Rund-Klasse. Setzen Sie den Schatten, verwenden Sie die Schattenklasse. Größen Sie die Größe und positionieren Sie das Bild im CSS -Stil. Verwenden Sie mit dem Hintergrundbild die CSS-Eigenschaft im Hintergrund.

So verwenden Sie die Bootstrap -Taste So verwenden Sie die Bootstrap -Taste Apr 07, 2025 pm 03:09 PM

Wie benutze ich die Bootstrap -Taste? Führen Sie Bootstrap -CSS ein, um Schaltflächenelemente zu erstellen, und fügen Sie die Schaltfläche "Bootstrap" hinzu, um Schaltflächentext hinzuzufügen

See all articles