Ein Artikel, der Ihnen hilft, die Grundregeln von HTML und die Struktur von Webseiten zu verstehen-HTML-Tutorial-php.cn

Heim

Web-Frontend

HTML-Tutorial

Ein Artikel, der Ihnen hilft, die Grundregeln von HTML und die Struktur von Webseiten zu verstehen

yulia

Sep 11, 2018 pm 03:18 PM

html

Wenn Sie nicht unbedingt Künstler werden möchten, können Sie als Entwickler HTML lesen und bei Bedarf einfache Änderungen vornehmen. Befolgen Sie meine nachstehenden Ideen, um sicherzustellen, dass dieser Artikel Ihnen hilft, HTML zu verstehen. Natürlich ist es am besten, ihn während des Lesevorgangs selbst auszuprobieren, damit Ihr Verständnis tiefer wird.

1. Grundregeln von HTML

rrree

Dies ist eine Markierung, die eine Webseite haben muss , es endet mit >, aber in den Ellipsen werden viele unordentliche Dinge hinzugefügt, was wir sehen. Kopieren Sie den obigen Code in einen Notizblock und speichern Sie ihn dann als HTML-Datei. Probieren Sie es aus. Öffnen Sie es anschließend im Editor-Modus, fügen Sie das Wort „Homepage“ zwischen

ein, speichern Sie es und öffnen Sie es erneut, um einen Blick darauf zu werfen.

Fügen Sie als Nächstes die Markierung vor und nach der Homepage hinzu, um sie in Homepage zu ändern, speichern Sie sie und sehen Sie den Effekt erneut?

Sind das die Hyperlinks, die wir normalerweise online sehen? Es gibt nur keine Änderung, wenn Sie hier auf „Home“ klicken, da die leere Verbindung, die wir hinzugefügt haben, dazu dient, zu schlagen, während das Eisen heiß ist. Wir folgen der vorherigen Methode, um eine Seite zu erstellen, sie als b.html zu speichern und sie dann zu ersetzen „#“ oben mit b.html. Öffnen Sie es, klicken Sie auf die Startseite. Wird auf Seite b gesprungen? (Natürlich müssen sich die Seiten a und b im selben Verzeichnis befinden.) Jetzt sollten Sie verstehen, dass tatsächlich alle Funktionen auf der Webseite durch unterschiedliche Tags implementiert werden, ähnlich wie bei Wenn Sie Just ausführen müssen Denken Sie an die Funktion dieser Tags.

2. Webseitenstruktur

Wenn Sie beim Surfen im Internet aufpassen, sind Webseiten tatsächlich in Blöcke unterteilt. Dies ist natürlich nur eine grobe Struktur. Sie können sie auch entsprechend Ihren Anforderungen in viele Blöcke aufteilen. Der Hauptzweck der Aufteilung der Blöcke besteht darin, Aspekte zu ändern und ihren jeweiligen Leistungsstil zu bestimmen. Dies wird hauptsächlich durch das Tag

erreicht:

<html>
<head>
<title>我的网页</title>
………………………..
</head>
<body>
………………….
</body>
</html>

Speichern Sie es und versuchen Sie, es zu öffnen Wirkung? Ist es immer noch dasselbe wie vor der Änderung? Fügen wir einige Änderungen hinzu:

<div>
<a href=”b.html”>首页</a>
</div>

läuft und der von uns markierte Bereich wird mit einem blauen Hintergrund angezeigt! Durch das Hinzufügen vieler

-Blöcke können Sie die Webseite in acht Teile aufteilen, haha, und dann in jeden Block einfügen, was Sie wollen. Natürlich werden viele

mit hinzugefügt. Wenn diese Stileinstellungen ähnlich sind, wäre es für uns zu mühsam, jeden einzelnen Stil festzulegen (wobei wir jedes Element steuern). die Webseite).

<div style=”width:200px;height:100px;border-style:solid;” >

und lösche es in a.html. Fügen Sie dann vor hinzu, was bedeutet, dass die Datei c.css eingeführt wird. Der Vorteil, das CSS in einer separaten Datei abzulegen, besteht darin, dass wir, wenn an vielen Stellen auf diesen Stil verwiesen wird, nur diese eine Stelle ändern müssen und sich alles ändern wird. Andernfalls müssen wir jede Stelle manuell ändern, was später nicht förderlich ist Wartung.

Ändern Sie abschließend das

von a.html in

Das obige ist der detaillierte Inhalt vonEin Artikel, der Ihnen hilft, die Grundregeln von HTML und die Struktur von Webseiten zu verstehen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme

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

Verwandter Artikel

Die Zukunft von HTML: Evolution und Trends im WebdesignApr 17, 2025 am 12:12 AM

Die Zukunft von HTML ist voller unendlicher Möglichkeiten. 1) Neue Funktionen und Standards umfassen mehr semantische Tags und die Beliebtheit von Webcomponenten. 2) Der Webdesign -Trend entwickelt sich weiterhin für reaktionsschnelles und zugängliches Design. 3) Die Leistungsoptimierung verbessert die Benutzererfahrung durch reaktionsschnelle Bildlade- und faulen Ladetechnologien.

HTML vs. CSS vs. JavaScript: Ein vergleichender ÜberblickApr 16, 2025 am 12:04 AM

Die Rollen von HTML, CSS und JavaScript in der Webentwicklung sind: HTML ist für die Inhaltsstruktur verantwortlich, CSS ist für den Stil verantwortlich und JavaScript ist für dynamisches Verhalten verantwortlich. 1. HTML definiert die Webseitenstruktur und den Inhalt durch Tags, um die Semantik zu gewährleisten. 2. CSS steuert den Webseitenstil über Selektoren und Attribute, um es schön und einfach zu lesen. 3. JavaScript steuert das Verhalten von Webseiten über Skripte, um dynamische und interaktive Funktionen zu erzielen.

HTML: Ist es eine Programmiersprache oder etwas anderes?Apr 15, 2025 am 12:13 AM

HtmlisnotaprogrammingLanguage; itiSamarkuplanguage.1) htmlstructuresandFormatswebcontentuses.2) itWorkswithCSSForstylingandjavaScriptForinteraktivität, EnhancingWebDevelopment.

HTML: Erstellen der Struktur von WebseitenApr 14, 2025 am 12:14 AM

HTML ist der Eckpfeiler der Erstellung von Webseitenstruktur. 1. HTML definiert die Inhaltsstruktur und die Semantik und Verwendung usw. Tags. 2. Stellen Sie semantische Marker wie usw. zur Verfügung, um den SEO -Effekt zu verbessern. 3. Um die Benutzerinteraktion durch Tags zu verwirklichen, achten Sie auf die Verifizierung der Form. 4. Verwenden Sie fortschrittliche Elemente wie in Kombination mit JavaScript, um dynamische Effekte zu erzielen. 5. Zu den häufigen Fehlern gehören nicht abgegebene Bezeichnungen und nicht geeignete Attributwerte, und Überprüfungstools sind erforderlich. 6. Optimierungsstrategien umfassen das Reduzieren von HTTP -Anforderungen, die Komprimierung von HTML, die Verwendung semantischer Tags usw.

Von Text zu Websites: Die Kraft von HTMLApr 13, 2025 am 12:07 AM

HTML ist eine Sprache, mit der Webseiten erstellt, die Webseitenstruktur und -inhalt über Tags und Attribute definiert werden. 1) HTML organisiert die Dokumentstruktur über Tags, wie z. B.. 2) Der Browser analysiert HTML, um das DOM zu erstellen und die Webseite zu rendern. 3) Neue Merkmale von HTML5, wie z. B. Multimedia -Funktionen. 4) Zu den häufigen Fehlern gehören nicht abgestimmte Bezeichnungen und nicht geeignete Attributwerte. 5) Die Optimierungsvorschläge umfassen die Verwendung semantischer Tags und die Reduzierung der Dateigröße.

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

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

Die Rolle von HTML: Strukturierung von WebinhaltenApr 11, 2025 am 12:12 AM

Die Rolle von HTML besteht darin, die Struktur und den Inhalt einer Webseite durch Tags und Attribute zu definieren. 1. HTML organisiert Inhalte über Tags wie das Lesen und Verständnis. 2. Verwenden Sie semantische Tags wie usw., um die Zugänglichkeit und SEO zu verbessern. 3. Optimierung des HTML -Codes kann die Ladegeschwindigkeit und die Benutzererfahrung der Webseite verbessern.

HTML und Code: Ein genauerer Blick auf die TerminologieApr 10, 2025 am 09:28 AM

HtmlisaspecifictypeofcodeFocusedonstructuringuringwebcontent, während "Code" breitincludesluages -ähnlichjavaScriptandpythonforfunctionality.1) htmldefineswebpageStructureStags.2) "Code" cometesaWiNrangeOfLanguagesForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForfirsInsForfunctionNacts

See all articles