Heim > Artikel > Web-Frontend > Zusammenfassung häufig verwendeter Tags in HTML

Zusammenfassung häufig verwendeter Tags in HTML

巴扎黑Original: 2017-06-16 17:09:171441Durchsuche

Verzeichnis

Zurück zum Anfang Zusammenfassung häufig verwendeter Tags in HTML

htmlTag

...Normales Scrollen

.. . Wischen

...Standard-Scrollen

...Vor- und zurückscrollen

...Runterscrollen

...Nach oben scrollen

nach rechts scrollen

links">>nach links scrollen

...Anzahl der Schriftrollen

..Breite einstellen

...Höhe einstellen

. ..Hintergrundfarbe festlegen

...Bildlaufgeschwindigkeit festlegen

...Scrollzeit festlegen

...< ;/marquee>Scrollen stoppen, wenn die Maus darüber fährt

...Start Scrollen, wenn die Maus geht

Zurück zum Anfang Zusammenfassung häufig verwendeter Tags in HTML

Schriftart Wirkung

...

Titelwort (Maximum )

...

Titelwort(Minimum)

...Fett

...> ;Fettschrift(Hervorhebung) (Gleicher Effekt wie oben)

...Kursiv

...Kursiv(Hervorhebung)

... dfn> Kursivschrift( bedeutet Definition)

.. . Fazit

...Fazit( bedeutet das Einfügen von Text)

~~...~~Horizontale Linie

~~...~~Durchgestrichen

~~...~~ Durchgestrichen ( bedeutet löschen )

Tastaturtext

...

...

Schriftart mit fester Breite(Leerzeichen, Zeilenumbruch, Positionierung in der Datei Funktion funktioniert )

...</plaintext>Schriftart mit fester Breite(Tut keine Markup-Symbole implementieren ) <listing>...</listing> Kleine Schriftart mit fester Breite ...Schriftfarbe <schriftgr>...Mindestschriftart font-size:100 px "> >...Unendliche Steigerung Zurück zum Anfang<a href="#_labelTop"></a><img class="anchorclass" alt="Zusammenfassung häufig verwendeter Tags in HTML" > <h2>Abschnittsumbruchmarke </h2> <hr> Horizontale Linie <hr size="9" style="font-family: 'Times New Roman';">>Horizontale Linie(Größe festlegen) <hr width="80%" style="font-family: 'Times New Roman';">>Horizontale Linie(Breite festlegen) <hr color="ff0000"> >horizontale Linie(Einstellung Farbe) (Zeilenumbruch) ...Waters(Kein Zeilenumbruch) ... Wasser(Absatz) <center>...</center> Zentriert <a href="#_labelTop">Zurück nach oben</a> <img class="anchorclass" alt="Zusammenfassung häufig verwendeter Tags in HTML" > <h2>Linkformat</h2> <base href="<span" style="font-family: 宋体;">Adresse >(Standard-Linkpfad) <a href="<span" style="font-family: 宋体;"> Adresse></a>Externer Link <a href="<span" style="font-family: 宋体;">Adresse target='_blank'></a>Externer Link(andere Neues Fenster öffnen) <a href="<span" style="font-family: 宋体;">Adressetarget=' _top' ></a>Externer Link(Link zum vollständigen Fenster) <a href="<span" style="font-family: 宋体;">Adressetarget='Seitenrahmenname'> Externer Link(Link im angegebenen Seitenrahmen) </a> <a href="#_labelTop">Zurück nach oben</a><img class="anchorclass" alt="Zusammenfassung häufig verwendeter Tags in HTML" > <h2>Aufkleber/Musik</h2> <img src="<span" style="max-width:90%" alt="Zusammenfassung häufig verwendeter Tags in HTML" >Bildadresse>Bild Bildadressewidth="180">Stellen Sie die Bildbreite ein <img src="<span" style="max-width:90%" alt="Zusammenfassung häufig verwendeter Tags in HTML" >Bildadresseheight="30"&gt ;Eingestellt Bildhöhe <img src="<span" style="max-width:90%" alt="Zusammenfassung häufig verwendeter Tags in HTML" >Bildadressealt="Eingabeaufforderungstext">Bildaufforderungstext festlegen <img src="<span" style="max-width:90%" alt="Zusammenfassung häufig verwendeter Tags in HTML" >Bildadresse border="1" >Bildrand festlegen <bgsound src="MID<span" style="font-family: 宋体;">Adresse der Musikdatei>Hintergrund Musikeinstellungen</bgsound> <a href="#_labelTop">Zurück zum Anfang</a><img class="anchorclass" alt="Zusammenfassung häufig verwendeter Tags in HTML" > <h2>Tabellensyntax</h2> <table aling="left">...</table> Tischposition,Links <table aling="center">...</table> Tischposition,Zentriert <table background="<span" style="font-family: 宋体;">Bildpfad>... </table> Der URL= des Hintergrundbildes ist die Pfad-URL <table border="<span" style="font-family: 宋体;">Rahmengröße >... </table> Tabellenrandgröße festlegen(Zahlen verwenden) <table bgcolor="<span" style="font-family: 宋体;">Farbcode>... </table> Legen Sie die Hintergrundfarbe der Tabelle fest <table borderclor="<span" style="font-family: 宋体;">Farbcode>... </table> Einstellungen Tabellenrandfarbe <table borderclordark="<span" style="font-family: 宋体;">Farbcode>... </table> Stellen Sie die Farbe der Tabelle dunkel ein Grenze <table borderclorlight="<span" style="font-family: 宋体;">Farbcode>... </table> Stellen Sie die ein Farbe des hellen Randes der Tabelle <table cellpadding="<span" style="font-family: 宋体;">Parameters>... table>Geben Sie den Abstand zwischen Inhalt und Rasterlinien an(Verwenden Sie Zahlen) &lt ;table cellspaced=Parameter>... </table> Abstand zwischen Rasterlinien angeben(verwenden Zahlen) <table cols="<span" style="font-family: 宋体;">parameters> .. </table> Geben Sie die Anzahl der Spalten in der Tabelle an <table frame="<span" style="font-family: 宋体;">Parameter> Tabelle>Legen Sie die Anzeigemethode der Tabellengliederung fest <table width="<span" style="font-family: 宋体;">Width>... </table> Geben Sie die Breite der Tabelle an( Zahlen verwenden) <table height="<span" style="font-family: 宋体;">Height>... table&gt ;Geben Sie die Höhe der Tabelle an(Verwenden Sie Zahlen) &lt ;td colspan=Parameter>...Gibt die Anzahl der Spalten in der Zellzusammenführungsspalte an( Zahlen verwenden ) <td rowspan="<span" style="font-family: 宋体;">Parameter>... </td> Geben Sie die Anzahl der Spalten an, in denen Zellen zusammengeführt werden sollen >Zurück zum AnfangFenster teilen <frameset cols="20%,*"> <a href="#_labelTop">Links und rechts teilen</a><img class="anchorclass" alt="Zusammenfassung häufig verwendeter Tags in HTML" >,<h2>Linken Frame aufteilen in 20 %</h2> Der Browser passt automatisch die Größe des rechten Frames an <frameset rows="20%,*"> </frameset>Oben und unten teilen,Teilen Sie den oberen Rahmen in verschiedene Größen auf. Für 20 % passt der Browser die Größe automatisch an den Rahmen unten <frameset cols="20%,*"></frameset>Linken und rechten Rahmen teilen <frameset cols="20%,*,20%"></frameset>Teilen Sie den linken, mittleren und rechten Frame in drei Frames auf Teilen Sie den oberen und unteren Rahmen <frameset rows="20%, *,20%"></frameset>Teilen Sie den oberen und mittleren Rahmen und untere Rahmen Attribute: Spalten Vertikal geschnittene Fenster (z. B. das Teilen zweier Fenster links und rechts). rechts) Akzeptieren Sie ganzzahlige Werte, Prozentsätze, * ( * stellt den verbleibenden belegten Platz dar) Wert Die Zahl stellt die Anzahl der Teile dar, in die unterteilt werden soll , und müssen durch Kommas getrennt werden. Beispiel: cols="30,*,50%" kann in drei Fenster geschnitten werden, der erste Teil ist 30Pixel ( Pixel) ist die absolute Segmentierung, der zweite Teil ist der Platz, der nach der Zuweisung der ersten und dritten Ansicht übrig bleibt, und der dritte Teil nimmt das gesamte Fenster ein 50 % Breite ist die relative Teilung. Reihen bedeutet horizontales Schneiden, das den oberen und unteren Rand des Fensters trennt. Die Werteeinstellungen sind die gleichen wie oben. Versuchen Sie, die beiden oben genannten Attribute nicht in dasselbe <frameset> -Tag zu packen, da Wang Jing ( netscape ) wird nicht unterstützt. Versuchen Sie, mehrere Aufteilungen zu verwenden. frameborder legt den Rand des Rahmens fest, sein Wert ist 0 erfordert keinen Rand, 1 erfordert eine Grenze. Rahmen Legen Sie die Rahmenrandstärke fest Rahmenabstand bedeutet, dass zwischen den Rahmen Abstand Leerraum bleibt Frame Element (einzelne Beschriftung) Syntaxformat: <frame name="" src="url" scrolling="yes/no" noresize> Attribute: name Framename, geben Sie den Frame als Zielfenster für die Verbindung an. src Der im Frame anzuzeigende Webseitentext sollte der URL-Adresse entsprechen, jeder Frame sollte übereinstimmen zu einem htmlTextblock. Scrollen Ob Bildlaufleisten angezeigt werden sollen, Ja/Nein, automatisch ist automatisch. noresize Legen Sie fest, dass Benutzer die Größe dieses Rahmens nicht ändern können, noframe-Element gibt die angezeigten Informationen an, wenn eine Seite, die Frames verwendet, in einem Browser geöffnet wird, der keine Frames unterstützt Grammatikformat: <noframe> ...... </noframe> Zurück nach oben<a href="#_labelTop"></a><img class="anchorclass" alt="Zusammenfassung häufig verwendeter Tags in HTML" > <h2>Formular<form> </form> </h2> Syntaxformat: <form action="url" method="get /post "> > </form> MethodeEs gibt zwei Einreichungsmethoden get,post action gibt den Speicherort des Programms an, das das Formular verarbeitet, sodass die im Formular ausgefüllten Daten an cgi Verarbeitungsabteilung Sie können dies festlegen. Die Parameter sind action="mailto:lwr8494@163.com" Die in diesem Formular ausgefüllten Informationen werden sein an diese E-Mail-Adresse gesendet. Methode bezieht sich auf die Art und Weise, Informationen an Netzwerkprogramme wie cgi zu übertragen. Die optionale Post-Methode, die get-Methode und die Post-Methode ermöglichen das Versenden großer Mengen Information . Die Methode get akzeptiert nur Informationen von weniger als 1k. Das Bewerbungsformular verwendet postDie Suchmaschine verwendet get ><a href target> </a>Geben Sie das geteilte Fenster des Hyperlinks an <a href="#</p">Der Name des Ankers> Geben Sie den Hyperlink des Ankernamens an <a href> 🎜> <a name="<span" style="font-family: 宋体;">Der Name des Ankers> Der Name des verbundenen Punkts</a> .... 🎜 > <base target> Geben Sie das geteilte Fenster des Hyperlinks an <basefont size> Ändern Standardschriftgröße <bgsound src> </bgsound> <big> > Große Schrift anzeigen</big> <blink> </blink>Blinkender Text </a>Textfarbe festlegen </a>Diesen Artikel anzeigen Zeilenumbruch <caption align> Position des Tabellentitels festlegen <caption> Einen Titel zur Tabelle hinzufügen <center> 🎜 > <cite>...<cite> Text, der zum Zitieren von Schriftstellen verwendet wird</cite></cite> <code>...&lt ; /CODE> wird verwendet, um einen Codeabschnitt aufzulisten </code> <comment>...</comment> <dd> Elementerklärung der Einstellungsdefinitionsliste <dfn>... DFN> ;DIR>... Textbezeichnung auflisten <dl>...</dl> der Liste <dt> Legen Sie die Elemente fest, die die Liste definieren ; Zur Hervorhebung Geben Sie die verwendete Schriftart beliebig an ;SCHRIFTGRÖSSE> Legen Sie die Schriftgröße fest <formularaktion> Legen Sie die Handhabung benutzerfreundlicher Formulare fest</formularaktion> <formularverfahren> oberer und unterer Rand des Fensters <frame marginwidth>Legen Sie den linken und rechten Rand des Fensters fest &lt ;FRAme NAME> Benennen Sie das geteilte Fenster <frame noresize> 🎜> <frame scrolling> Dateien zum Fenster hinzufügen <frameset cols> Teilen Sie das Fenster in linke und rechte Unterfenster auf <frameset rows>Teilen Sie das Fenster in obere und untere Unterfenster auf <frameset>...</frameset> Geteilte Fenster teilen <h1>~<h6> </h6> </h1> Textgröße festlegen Dateiinformationen markieren <hr> Regellinien hinzufügen Anfang und Ende der Datei 🎜 ><img align alt="Zusammenfassung häufig verwendeter Tags in HTML" > Passen Sie die Position des Grafikbildes an <img alt> 🎜> <img dynsrc loop alt="Zusammenfassung häufig verwendeter Tags in HTML" > Bild und Standardgrafikgröße <img hspace alt="Zusammenfassung häufig verwendeter Tags in HTML" >Fügen Sie ein Bild ein und legen Sie den linken und rechten Rand der Grafik fest <img lowsrc alt="Zusammenfassung häufig verwendeter Tags in HTML" > Funktion „Bild vorladen“ <img src border alt="Zusammenfassung häufig verwendeter Tags in HTML" > <img src alt="Zusammenfassung häufig verwendeter Tags in HTML" > Bild einfügen <img vspace alt="Zusammenfassung häufig verwendeter Tags in HTML" > Ränder der Grafik <input type name value> Ein Eingabefeld zum Formular hinzufügen <isindex> Abfrageformular definieren <kbd>...</kbd> Zeigt an, dass der Benutzer Text eingibt <li type>...</li> Listenelemente( Spezifizierbare Symbole) <marquee> /MENU> Spaltentext-Tags</marquee> <meta name="REFRESH" content url> Dateiinhalt automatisch aktualisieren <multiple> Eine Listenleiste, die mehrere Elemente gleichzeitig auswählen kann <noframe> das erscheint nicht in geteilten Fenstern</noframe></multiple> <ol>...</ol> Definieren Sie die Elemente in der Listenspalte im Formular > Segmentierung <person>...</person> >Name der Person anzeigen <pre class="brush:php;toolbar:false"> Originalanordnung verwenden <samp>.. .</samp> Wird für Anführungszeichen verwendet <select>...</select> Definieren Sie die Listenspalte in das Formular Kleine Schrift anzeigen<strike> der Text</strike> Wird zur Stärkung des Tons verwendet >Tiefgestellt Hochgestellt </pre> <table border="n"> Passen Sie die Breite der Tabellenhöhe an <table cellpadding>Passen Sie den Rand des Datenfelds an <table cellspacing> Passen Sie die Breite der Tabellenlinien an <table height> Passen Sie die Höhe der Tabelle an <tischbreite> </tischbreite>Passen Sie die Breite des Tisches an <tischbreite>... </tischbreite>Tabellenbeschriftung generieren <td align> Anpassen der linken und rechten Ausrichtung der Tabellenfelder </td> <td bgcolor>Setzen Sie die Hintergrundfarbe der Tabellenfelder </td> <td colspan rowspan> Tabellenfelder zusammenführen </td> <td nowrap> </td> <td valign> Anpassen der oberen und unteren Ausrichtung der Tabellenfelder </td> <td width> Tabellenfeldbreite </td> <td>...</td> Tabellendatenfelder definieren <textarea name rows cols> </textarea>Wie viele Spalten mit Texteingabefeldern werden dem Formular hinzugefügtZusammenfassung häufig verwendeter Tags in HTML <textarea wrap> </textarea>Bestimmen Sie den Text Ob das Eingabefeld automatisch umgebrochen werden soll <th>...</th> Definieren Sie das Kopfzeilenfeld der Tabelle <title> Dateititel <tr>...</tr> Schönheit Eine Zeile <tt> </tt>Schreibmaschinenschriftart unterstrichen <ul type>...</ul> Unnummerierte Liste( kann angegeben werden Die Symbole ) <var>...</var> werden zur Anzeige von Variablen verwendet BlockQuotcTexteinzug Zurück nach oben Es gibt drei Möglichkeiten, Farbe auszudrücken: <a href="#_labelTop"></a> <img class="anchorclass" alt="Zusammenfassung häufig verwendeter Tags in HTML" >1<h2>, 16</h2> Hexadezimaler Farbcode Syntax: #RRGGBB Beispiel: Rot 2, 10 Basis RGBCode Syntax: RGB ( RRR , GGG, BBB) Beispiel ：Rot 3. Verwenden Sie direkt den englischen Namen der Farbe Beispiel: red Zurück nach oben </title> Attribute können in drei Typen unterteilt werden: <a href="#_labelTop"></a><img class="anchorclass" alt="Zusammenfassung häufig verwendeter Tags in HTML" > <h2> 1, Hintergrundattribut </h2> beinhaltet: Hintergrundfarbe, Hintergrund 2,Textattribute: umfasst: Text, Link, Alink, Vlink, 3, Leeres Attribut: Es ist unterteilt in: linker Rand, oberer Rand .bgcolorHintergrundfarbe Grammatikformat: .backgroundHintergrundmuster. Grammatikformat: .textTextfarbe (nicht verlinkte Textfarbe) .linkVerlinkte Textfarbe (verlinkbare Textfarbe) .alinkTextfarbe des aktiven Links (die Farbe des verlinkbaren Textes, auf den geklickt wird) .vlinkTextfarbe des besuchten Links) ( Die Farbe des verknüpfbaren Textes, der zum Besuch angeklickt wurde) Grammatikformat: .leftmargin Der Rand auf der linken Seite der Seite . topmargin Der Leerraum oben auf der Seite Grammatikformat: Hinweis: Wert ist die Länge und der Wert ist eine Zahl <img class="anchorclass" alt="Zusammenfassung häufig verwendeter Tags in HTML" > <h3>align Attribut</h3> Syntax: <h2 align="Zusammenfassung häufig verwendeter Tags in HTML"></h2>Text hat drei Attribute: linksLinks , MitteMitte, rechtsrechts 〈S 〉 ist eine Absatzmarke. Sie können die oben genannten Attribute verwenden, um den gesamten Absatz festzulegen 〈 br> Markierungen für Zeilenumbrüche Markierungen für Auf beiden Seiten des Textes dürfen keine Zeilenumbrüche platziert werden Beispiel: <h3> Jiangnan trifft das Jahr von Li Gui </h3> Ein gemeinsames Anblick im Haus von König Qi Ji Jiutang hat schon ein paar Mal davon gehört 🎜> Es ist die wunderschöne Landschaft in Jiangnan Wir treffen uns wieder, wenn die Blumen fallen Vorformatiert: <pre class="brush:php;toolbar:false">......</pre> Der Browsing-Effekt ist der gleiche wie der Schreibeffekt Zurück zum Anfang <a href="#_labelTop">Liste</a> <img class="anchorclass" alt="Zusammenfassung häufig verwendeter Tags in HTML" > <h2></h2> 1Ungeordnete Liste wird auch Symbolliste genannt<img class="anchorclass" alt="Zusammenfassung häufig verwendeter Tags in HTML" > <h3> Grammatikformat: </h3> <ul-typ>types Attribut kann direkt optional sein Disc solide Punkte, clrcleHohle Punkte , QuadratVolle Quadrate <li> Text </li> <li> Text </li> <img class="anchorclass" alt="Zusammenfassung häufig verwendeter Tags in HTML" > 2Geordnete Liste<h3> </h3> Grammatikformat: <ol type="Zusammenfassung häufig verwendeter Tags in HTML" start zusammenfassung h verwendeter tags in html> <li> Text </li> &lt ;li>Text </ol> Der Wert von type ist ein nummeriertes Zeichen. Die optionalen Zeichen sind 1...,a...,A...,i...,I... start ist der Startwert: Wenn start 3 ist is then Es beginnt mit 3 und muss eine Zahl sein. <img class="anchorclass" alt="Zusammenfassung häufig verwendeter Tags in HTML" >3Definitionsliste<h3> </h3> <dl> Definitionslistenmarkierung <dt> Definitionseintrag markieren </dt> <dd> Inhalt der Definition markieren Grammatikformat: <dl> <dt> Text </dt> <dd>Textinhalt </dd> </dl> Verbindungen und Bilder Grammatikformat: <a href="url" name="Zusammenfassung%20h%C3%A4ufig%20verwendeter%20Tags%20in%20HTML" target="Zusammenfassung häufig verwendeter Tags in HTML" title="Zusammenfassung häufig verwendeter Tags in HTML">. ..</a> Attribut: href Der Verbindungszielwert kann URL sein Adresse Es kann auch ein Verbindungsanker sein <a href="url">...</a> oder <a href="Anker">...</a> Zurück zum Anfang <a href="#_labelTop"></a>Name <img class="anchorclass" alt="Zusammenfassung häufig verwendeter Tags in HTML" >Verbindungsname <h2> Syntaxformat: </h2> <a name="Ankername<span%20style=" font-family: new roman>">...</a> Beispiel :<a name="abcdcf">...</a> Die Verbindung zum Ankerpunkt sollte sein: <a name="#abcdef">....</a> Zurück nach oben <a href="#_labelTop"></a>Ziel<img class="anchorclass" alt="Zusammenfassung häufig verwendeter Tags in HTML" >Syntaxformat des Zielfensters <h2>: <a href="url" target="_blank |_self|_farent|_top|windowname">....</a> </h2> -blankNeues Fenster öffnen _selfDas aktuelle Fenster ist geöffnet Die folgenden beiden werden nur im Rahmenblatt angewendet _parentDas übergeordnete Fenster (obere Ebene) des aktuellen Fensters wird geöffnet _topÖffnet das Fenster auf der höchsten Ebene FensternameÖffnen Sie eine Verbindung in einem benannten Fenster oder Frame TitelVerbindungsaufforderung <a href="http://www.crazytribe.net" title="Öffnen Sie den Crazy Tribe Startseite</a>">Madman Tribe <a href="#_labelTop">Zurück nach oben </a><img class="anchorclass" alt="Zusammenfassung häufig verwendeter Tags in HTML" > <h2>Bild<img alt="Zusammenfassung häufig verwendeter Tags in HTML" > Syntaxformat: </h2> <img src="url" alt="Zusammenfassung häufig verwendeter Tags in HTML" height="Zusammenfassung häufig verwendeter Tags in HTML" border="Zusammenfassung häufig verwendeter Tags in HTML"> borderDas Attribut definiert die Breite des Bildrandes. Der Standardwert ist 0 alignDas Attribut legt die Position des Textes fest zum Bild Syntaxformat: <img src="" align alt="Zusammenfassung häufig verwendeter Tags in HTML" > Optionale Werte sind: obenBild und Text oben ausrichten Mitte Bild und Text in der Mitte ausrichten untenDer untere Rand von Bild und Text wird ausgerichtet (Standard) linksDas Bild wird nach links ausgerichtet und der Text wird um das Bild gewickelt rechtsDas Bild wird nach links ausgerichtet rechts, und der Text wird um das Bild gewickelt absmiddleDas Bild wird an der Gegenwart ausgerichtet. Die absolute Mitte der Textzeile absbottomDas Bild wird am absoluten unteren Rand der aktuellen Textzeile ausgerichtet Textlayout Kein Zeilenumbruch-Leerzeichen-Tag Zurück zum Anfang<a href="#_labelTop"></a><img class="anchorclass" alt="Zusammenfassung häufig verwendeter Tags in HTML" >Schriftart<h2>Element </h2> Syntaxformat: Schriftname " size= "Schriftgröße" color="Schriftfarbe"> >Die verfügbaren Schriftgrößenwerte sind 1—— 7 , der Standardwert ist 3 Beispiel: 〈font face="黑体 " size="4" color="#ff00ff"> . Horizontale Linie<hr> Syntaxformat: <hr width="Width" align="Ausrichtung standardmäßig in der Mittecenter" size= " Die horizontale Linienstärke beträgt standardmäßig 2" color="Farbe" noshade> 🎜>noshadeKein Schatten, beide durchgezogenen Linien Ebenep>zwei Elemente ist ein Element auf Blockebene, ähnlich dem Absatzelement , außer dass es zwei gibt -Elemente erzeugen keine Leerzeile zwischen zwei -Elementen, ist ein Inline-Element, das die Attribute eines Texts in einem Absatz definieren kann Grammatikformat: ... alignLegen Sie die horizontale Ausrichtung von Elementen in der Ebene fest stuleElementanwendung festlegencssKanonische Attribute Die Kompatibilität ist besser als , am besten verwenden Sie <a href="#_labelTop">Zurück zum Anfang</a><img class="anchorclass" alt="Zusammenfassung häufig verwendeter Tags in HTML" > <h2> Tabellensyntaxformat: </h2> <table width="" bgcolor="" background="" border="" cellpacing="" cellpadding=""> <tr>...&lt ;td>. .......</tr> </table> Rand Der Standardwert der Randbreite ist 0, es gibt keinen Rand ZellenabstandDer Randgröße der Zellen in der Tabelle, der Standardwert beträgt zwei Pixel cellpaddingDie Abstandsgröße zwischen Zellen in der Tabelle, der Standardwert beträgt zwei Pixel <img class="anchorclass" alt="Zusammenfassung häufig verwendeter Tags in HTML" > <h3>trElement</h3> Syntax Format: <tr align="" bgcolor="">....</tr> alignAttributausrichtung optionaler Wert Wie folgt: links, zentriert, eng, Die Standardeinstellung ist links bgcolorGeben Sie diese Hintergrundfarbe des Zeilenelements <img class="anchorclass" alt="Zusammenfassung häufig verwendeter Tags in HTML" > <h3> td Element an </h3> Grammatikformat: <td width="Width" height=" Höhe" align="Horizontale Ausrichtung" valign="Vertikale Ausrichtung" bgcolor=" " background="" rowspan ="Zeilenspanne der Zelle" colapan="Spaltenspanne der Zelle">... . alignDie optionalen Werte des Attributs sind: left,center,right valign sind: oben, mitte, unten rowspan und colapanDie Anzahl der Querzeilen und -spalten, Standard ist 1 Zurück nach oben<a href="#_labelTop"> </a><img class="anchorclass" alt="Zusammenfassung häufig verwendeter Tags in HTML" > <h2>Eingabe Elementsyntaxformat: </h2> <input type=""> Die optionalen Werte des Attributs type sind: text Einzeiliges Textfeld Attribute: Name Textfeldname Wert Anfangswert des Textfelds Größe Die Länge des Textfelds maxlength Die maximale Länge der Eingabezeichenfolge Radio Radio-Button Attribute: Name Radio-Button-Name Wert Interner Wert markiert Standardmäßig ausgewählt Kontrollkästchen Kontrollkästchen Attribute: Name Kontrollkästchenname Wert Interner Wert geprüft Standard ausgewählt zurücksetzen Schaltfläche „Zurücksetzen“ Senden Schaltfläche „OK“ Attribut: Name Schaltflächenname Wert Auf der Schaltfläche angezeigter Text Passwort Passwortfeld Die Eigenschaften sind genau die gleichen wie die des Textfelds Datei Dateifeld Attribute: NameDateifeldname Größe Länge des Dateifelds maxlength Die Obergrenze der Anzahl der vom Dateifeld akzeptierten Zeichen versteckt Ausgeblendetes Feld Attribute: Name Versteckter Domänenname Wert Standardwert Bild Bildfeld Attribut: Name Der darzustellende Button von kann submit, reset, oder anderes src sein URL Adresse Listenfeld<select> </select> Syntaxformat: <select> .... ..... </select> Zurück nach oben select element <a href="#_labelTop"></a> <img class="anchorclass" alt="Zusammenfassung häufig verwendeter Tags in HTML" > Syntaxformat: <h2> <select name="" size="" multiple> </select> </h2>Name Geben Sie den Namen des Listenfelds an Größe Gibt die Anzahl der im Listenfeld angezeigten Listenelemente an. Wenn dieser Parameter angegeben ist, ist das Element select eine Liste, andernfalls handelt es sich um ein Dropdown-Listenfeld mehrere Wenn dieser Parameter angegeben ist, bedeutet dies, dass das Listenfeld mehrere Elemente auswählen kann, andernfalls kann nur ein Element ausgewählt werden<a href="http://www.php.cn/code/4996.html" target="_blank"></a> OptionAttribut <img class="anchorclass" alt="Zusammenfassung häufig verwendeter Tags in HTML" > Syntaxformat: <option value="" selected></option> Wert Der Wert des Listenelements ausgewählt Wenn dieser Parameter festgelegt ist, wird dieses Element standardmäßig ausgewählt <a href="#_labelTop">Zurück nach oben </a><img class="anchorclass" alt="Zusammenfassung häufig verwendeter Tags in HTML" > <h2>Mehrzeiliges Textfeld<textarea> </textarea></h2> <textarea name="" cols="" rows="" wrap="off/physical/virtual"></textarea> Attribute: NameDer Name des Textfelds SpaltenDie Breite des Textfelds ZeilenDie Höhe des Textfelds umbruchDie optionalen Werte für die Umbruchmethode des Textfelds sind: ausSpeichert keine Zeilenumbruchinformationen physischZwingt den Browser, Informationen an zu senden Web Server Der Text im mehrzeiligen Textfeld muss zeilenweise gesendet werden. virtuell sendet eine fortlaufende Zeichenfolge von Wörtern, es sei denn, der Benutzer drückt die Eingabetaste. <a href="#_labelTop">Zurück nach oben</a><img class="anchorclass" alt="Zusammenfassung häufig verwendeter Tags in HTML" > <h2>CSS Cascading Style Sheets</h2> Zu den Methoden zur Einführung kaskadierender Stylesheets gehören: <img class="anchorclass" alt="Zusammenfassung häufig verwendeter Tags in HTML" > <h3>Externe Stylesheets</h3> Beispiel: <link rel="stylesheet" href="/css%20/default%20.css"> .... Attribut: rel wird verwendet, um das Element <link> zu beschreiben. Die hier zu erledigende Aufgabe besteht darin, ein unabhängiges css Datei. Das Attribut href gibt die URLAdresseCSS-Datei an verbunden Eingebettetes Stylesheet: Beispiel: <style type="text/css"></style> td{font:9pt;color:red} .font105{font:10.5pt;color:blue} --> .... Elementstandards<img class="anchorclass" alt="Zusammenfassung häufig verwendeter Tags in HTML" > <h3> Format: </h3> Importiertes Stylesheet<img class="anchorclass" alt="Zusammenfassung häufig verwendeter Tags in HTML" > <h3> 〈</h3> html&gt ; <style type="text/css"></style>  Gelehrter-Beamter Jinggangshan-Ortsbeamter Jiulianlian-Abgangsplan Eine andere Möglichkeit besteht darin, die Seitenelemente zu begrenzen, auf die es angewendet werden kann Beispiel: 〈 head> <title>....</title> <style type="text/css"></style>  Gelehrter-Beamter Jinggangshan-Ortsbeamter <h1 class="red"> Neun-Link-Abgangsplan </h1> 3 idselector ähnelt class, ersetzen Sie einfach '.' durch '#' Beispiel: <style type="text/css"></style>  <table width="250" border="1 " height="50"> <tr> <td align="center" id="select">idselector </td> &lt ;/tr> </tr> </table> Wir sehen, dass beim Aufruf von ID die Auswahl mit CLASS Wählen Sie „Ähnliches anhängen“ und ersetzen Sie einfach class="" durch id="", um den Aufruf der Seitenskriptsprache zu erleichtern Assoziativer Selektor<img class="anchorclass" alt="Zusammenfassung häufig verwendeter Tags in HTML" > <h3> </h3> <style type="text/css"></style> &lt ; !-- td p{font-size:18px;color:#0000ff} --> <table width="250" border="1" height="50"> <tr> <td align="center"> Assoziativer Selektor </td> </tr> </table> Zugehörige Auswahl 🎜> Wir setzen das Element im Element </td> <td> Bei Stilen, die Text enthalten, wird der Stil nur wirksam, wenn beide Bedingungen erfüllt sind, Pseudoklassenselektor kann nur im CSS-Selektor verwendet werden, kann jedoch nicht im HTML-Selektor Beispiel: 〈html> <style type="text/css">  &lt ;/style> </style> &lt ;p><a href="#">Assoziativer Selektor </a> &lt ;p><a href="#">Assoziativer Selektor </a> &lt ; p><a href="#"></a>Assoziativer Selektor &lt ;p&gt ;<a href="#"></a>Assoziativer Selektor /body> Die richtige Reihenfolge ist a:linka:visiteda :hover Andernfalls kommt es zu Verwirrung bei den Verbindungsfarben auf der Seite <h3> Pseudo-Element-Selektor </h3> ähnelt der Definition des Pseudo-Klassen-Selektors. Derzeit werden von den meisten Browsern zwei unterstützt: Pseudo-Element der ersten Zeile ( Erstzeile ) und das Erstbuchstabe-Pseudoelement (Erstbuchstabe) werden verwendet, um den Effekt der Großschreibung und Senkung der ersten Zeile Beispiel: Erste Zeile <style>< !-- p:first-line{color:red;font-size:20pt}--> </style> &gt ; dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf... html>Die Länge ändert sich mit dem Browser Fenstergröße Erstes Wort <style><!- -p:first-letter{color:red;font-size:50pt;float:left;}-- ></style> ; /p> Beide oben genannten Punkte können nur auf Blockelemente angewendet werden Zurück nach oben CSSRegeln<a href="#_labelTop" style="text-align: right;"></a><img class="anchorclass" alt="Zusammenfassung häufig verwendeter Tags in HTML" > <h2>1.Geerbt </h2>Beispiel: <style type="text/css"></style> <table width="300" border="1" height="150 "> <tr> <td align="center"> css Regeln </td> </tr> </table> html> 🎜> Wird für ein Attributelement verwendet, gleiche Überschreibung, unterschiedliche Vererbung, 2. Kombination Beispiel:td{font-size:12pt}p1{font-size:12pt}Nach der Kombinationtd,.p1{font-size: 12pt} 3.KaskadierungDanach im Stil definiert ist, definieren Sie einen anderen <style type="text/css"></style>  <table width="300" border="1" height="150"> <tr> 🎜><td align="center" style=" color:#0000ff" class="red"> Magistrat von Juesa </td> </tr> </table> cssEinheit ist in vier Kategorien unterteilt: 1 LängeneinheitDer Wert kann eine ganze Zahl sein , eine Dezimalzahl, eine positive Zahl, eine negative Zahl, 0, fügen Sie die Einheit nach (verwenden Sie negative Werte nicht leichtfertig) Umrechnungsbeziehung: 1 Zoll (Zoll) = 6 Stück ( Kuchen 1 Zoll (Zoll) =72pt(Pfund)1in(Zoll)=2,54(cm) 1cm(cm)=10mm(mm) 1cm(cm)=0,3937( Zoll) 1pt(Pfund)=1/72in(Zoll)=0,2478mm(mm) 1 Stück(Stück)=1/6in( Zoll)=Die Größe der neuen Nr. 4-Schrift meines Landes 2 Prozenteinheit 3 Farbeinheit 4 URLEinheit <a href="#_labelTop" style="text-align: right;">Zurück nach oben</a><img class="anchorclass" alt="Zusammenfassung häufig verwendeter Tags in HTML" > <h2> pAttribute </h2> Farbe: #999999 -Größe: 10pt Textgröße Schriftstil:itelic Text kursiv und Sport font-variant:small-caps kleine Schriftart letter-spacing : 1pt TextabstandZeilenhöhe: 200 % Zeilenhöhe festlegen <a href="http://www.php.cn/wiki/865.html" target="_blank"></a>font-weight:bold Text fett vertikal ausrichten:sub Subscript vertikal-align:super superscript<a href="http://www.php.cn/wiki/869.html" target="_blank"></a>text-decoration:line-through plusZusammenfassung häufig verwendeter Tags in HTMLh Offline<a href="http://www.php.cn/wiki/859.html" target="_blank"></a>text-decoration:overline Obere Zeile hinzufügen text-decoration:underline Unterstreichung hinzufügen text-decoration:none Zusammenfassung häufig verwendeter Tags in HTMLhAußer für die Verbindung der unteren Zeile text-transform : großschreiben Das erste Wort groß schreibenTexttransformation: Großbuchstaben Englische Großschreibung<a href="http://www.php.cn/wiki/863.html" target="_blank"></a>Texttransformation: Kleinbuchstaben Englische Schrift text-align:right Text*rechtsbündig text-align:left text *linksbündig text-align:center Text zentriert ausrichtenDies sind einige einfache Texteffekte, die das können auf CSS-Seiten angewendet werden. Zurück nach obenHintergrund <a href="#_labelTop">TEXTAREA STYLE="border:1px dashed pink" ></a><img class="anchorclass" alt="Zusammenfassung häufig verwendeter Tags in HTML" >Durchgezogene Linie <h2><textarea style="border:1px solid pink"> </textarea></h2> </td> </dd> </dl></ul-typ> </table> </table> </table> </table> </frameset> </frameset></formularverfahren> </dt></dfn> </dd> </center> </caption> </caption> </frameset> </frameset> </table> </table></schriftgr>Das obige ist der detaillierte Inhalt vonZusammenfassung häufig verwendeter Tags in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!</div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng">Stellungnahme：<div>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</div></div></div><div class="nphpSytBox">Vorheriger Artikel：<a class="dBlack" title="Zusammenfassung und gemeinsame Nutzung gemeinsamer globaler Attribute" href="http://m.php.cn/de/faq/367595.html">Zusammenfassung und gemeinsame Nutzung gemeinsamer globaler Attribute</a>Nächster Artikel：<a class="dBlack" title="Zusammenfassung und gemeinsame Nutzung gemeinsamer globaler Attribute" href="http://m.php.cn/de/faq/367598.html">Zusammenfassung und gemeinsame Nutzung gemeinsamer globaler Attribute</a></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>In Verbindung stehende Artikel</h2><a href="http://m.php.cn/de/article.html" class="bBlack">Mehr sehen</a><div class="clear"></div></div><ul class="nphpXgwzList"><li><a href="http://m.php.cn/de/faq/348757.html" title="Zusammenfassung der HTML-Kenntnisse" class="aBlack">Zusammenfassung der HTML-Kenntnisse</a><div class="clear"></div></li><li><a href="http://m.php.cn/de/faq/348804.html" title="So lernen Sie schnell HTML" class="aBlack">So lernen Sie schnell HTML</a><div class="clear"></div></li><li><a href="http://m.php.cn/de/faq/348873.html" title="Der Unterschied zwischen HTML xHTML XML" class="aBlack">Der Unterschied zwischen HTML xHTML XML</a><div class="clear"></div></li><li><a href="http://m.php.cn/de/faq/348884.html" title="Der Unterschied zwischen src- und href-Attributen" class="aBlack">Der Unterschied zwischen src- und href-Attributen</a><div class="clear"></div></li><li><a href="http://m.php.cn/de/faq/348902.html" title="Über die Verwendung von HTML5 und CSS-Ersatz" class="aBlack">Über die Verwendung von HTML5 und CSS-Ersatz</a><div class="clear"></div></li></ul></div></div><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt="">Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！</div><div class="footermid"><a href="http://m.php.cn/de/about/us.html">Über uns</a><a href="http://m.php.cn/de/about/disclaimer.html">Haftungsausschluss</a><a href="http://m.php.cn/de/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"> © php.cn All rights reserved </div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了，就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append(""); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body></html>