Tipp 1: Zeichnen von Unterstrichen

Tipp 1: Zeichnen von Unterstrichen


In der Hypertext-Auszeichnungssprache (HTML - HyperText Markup Language), die zum Erstellen von Webseiten verwendet wird, gibt es Mittel zum Hervorheben unterstreichen Teil des Textes. Häufig wird dieselbe Sprache für die Beschreibung von Cascading Styles verwendet (CSS - Cascading Style Sheets).



Unterstrich zeichnen


Anleitung


1


In HTML gibt es ein spezielles Tag,soll den Text zwischen seiner öffnenden (<u>) und schließenden (</ u>) Hälfte hervorheben. In der einfachsten Form kann der Teil des Seitencodes, der diese Unterstrichmethode verwendet, folgendermaßen aussehen: <u> dieser unterstrichene Text </ u>


2


Darüber hinaus in jeder Tag-Zeile oder Blockpage-Element, können Sie ein Attribut mit dem Namen style angeben und eine Beschreibung des Content-Stils darin einfügen. Neben anderen Stilbeschreibungen gibt es eine Auswahl an Text unterstreichen.. In der Sprache von CSS die Beschreibung des unterstrichenen Textessieht wie folgt aus: text-decoration: underline; Ein Text-Absatz-Tag mit dieser Angabe könnte beispielsweise wie folgt aussehen: <p style = "text-decoration: underline"> Ein ganzer Absatz mit unterstrichenem Text </ p>


3


Allerdings wird die Beschreibung von Stilen selten inHTML-Tags werden normalerweise in separaten Beschreibungsblöcken dargestellt. Diese Blöcke werden in der Kopfzeile Ihrer Web-Dokumente (zwischen den Tags <head> und </ head>) platziert oder in einer externen CSS-Datei mit der Erweiterung CSS gespeichert. Um die gesamten Text in der Seite unterstrichen wurde, soll diese Beschreibung in dem Selektor HTML gesetzt werden: <style type = „text / css“> html {text-decoration: underline;} </ style> Aber das ist selten notwendig, so oft als Selektor geben Sie den Namen einer Klasse an. Zum Beispiel: <style type = "text / css"> und {text-decoration: underline ;. Farbe: Rot} </ style> Es kündigte an, dass der Text in jedem Tag, der eine Klasse und zugeordnet werden rot und unterstrichen lackiert werden. Meistens werden Klassen für verschiedene Manipulationen mit Text in Verbindung mit dem span-Tag verwendet. Zum Beispiel, die HTML-Code für diesen Abschnitt des Textes, einen Teil davon zugewiesen unterstreichenEs könnte wie folgt aussehen: <p> Absatztext mit einem Stück <span class = "und"> ​​in rot </ span> markiert </ p>



Tipp 2: Unterstreichen im Text


Die Unterstreichung dient dazu,Buchstabe, Wort oder Textfragment und verweist auf die Formatierungselemente. Einige Texteditoren und Dateiformate können nicht mit der Formatierung arbeiten, z. B. Standard-Windows-Editor und txt-Format. In anderen Fällen ist das Hervorheben eines Textfragments mit Unterstreichung eine der einfachsten Operationen.



Wie man einen Unterstrich im Text macht


Anleitung


1


Starten Sie den Texteditor, der dieFunktionen der Textformatierung - zum Beispiel Microsoft Office Word. Laden Sie ein Dokument hoch, in dem Sie den Buchstaben, das Wort oder einen Teil des Textes hervorheben möchten - Sie können die Tastenkombination Strg + O verwenden, um den entsprechenden Dialog aufzurufen. Suchen Sie das gewünschte Fragment im Text und wählen Sie es aus. Klicken Sie dann auf der Registerkarte "Grundlegend" auf das Unterstreichungssymbol - es wird der unterstrichene Buchstabe "Ч" angezeigt. Wenn Sie eine nicht standardmäßige Unterstreichungsoption benötigen, klicken Sie mit der rechten Maustaste auf das ausgewählte Fragment, und wählen Sie im Kontextmenü die Option "Schriftart". In dem sich öffnenden Fenster gibt es eine Dropdown-Liste "Unterstrichen" - wählen Sie eine der 17 Optionen aus und klicken Sie auf "OK".


2


Wenn Sie den Text in unterstreichen möchtenHTML-Dokument, dann in seinem Code ist es notwendig, die passenden Tags hinzuzufügen. Vor dem ersten Zeichen des Fragments, das Sie hervorheben möchten, muss ein öffnendes Tag <u> vorhanden sein, und nach dem letzten unterstrichenen Zeichen müssen Sie das schließende Tag einfügen </ u>. Beispiel: <p> Dies ist ein Absatz mit <u> unterstrichenem </ u> -Text. </ P> Wenn Sie den WYSIWYG-Modus zum Bearbeiten der Seiten des Site-Management-Systems verwenden, werden die erforderlichen Tags automatisch eingefügt. Wählen Sie in diesem Fall das gewünschte Fragment und klicken Sie auf den Unterstrich im Editor.


3


Wenn Sie Wörter oder Buchstaben betonen, müssen Sie dies tunNachricht an ein Forum oder Chat gesendet, dann finden Sie die entsprechende Schaltfläche in der Nachrichtenanzeige. Manchmal ist es nur in einer erweiterten Form der Bearbeitung vorhanden. Normalerweise zeigt das Symbol den englischen Buchstaben U mit einem Unterstrich an - klicken Sie darauf und markieren Sie das gewünschte Textfragment.




Tipp 3: Wie man Blöcke in CSS erstellt


CSS ist ein Cascading Stylesheet, mit dem das Erscheinungsbild von Webseiten beschrieben wird. Einer der Hauptvorteile von CSS ist die Möglichkeit, Tabellenlayouts durch Blocklayouts zu ersetzen.



Wie man Blöcke in CSS erstellt


Du brauchst



  • HTML-Code-Editor


Anleitung


1


Erstelle den ersten Block. Als HTML sieht es wie ein div-Tag mit der ID 'block01' aus. Hier zeigt der Bezeichner block01 an, dass in der CSS-Beschreibung alle Eigenschaften dieses Bausteins für den Selektor # block01 angegeben sind.


2


Beschreibe den Block in CSS. In CSS-Stile, geben Sie den Namen Kennung (# block01) und geschweiften Klammern beschreiben seine Parameter - Breite, Positionierung, Verschiebung, Hintergrundfarbe usw. Zum Beispiel könnte es so aussehen: # block01 {width: 150px; Höhe: 150px; Position: absolut; oben: 0px; links: 0px; Hintergrundfarbe: pink}. Diese Beschreibung geht davon aus, dass der Block eine Länge und eine Breite von 150 Pixeln haben wird, wird sie fest in der linken oberen Ecke des Dokuments angeordnet sein, und sein Hintergrund ist in rosa gefärbt werden.


3


Legen Sie die relative Positionierung des Blocks fest. Wenn Sie die absolute anstelle der absoluten Positionierung in der CSS-Beschreibung verwenden, können Sie die Blöcke, die keine feste Bindung haben, in das Koordinatenraster platzieren, jedoch relativ zu anderen bereits vorhandenen Blöcken. Ändern Sie dazu die Position: absolut; oben: 0px; links: 0px bei Position: relativ; oben: 200px; links: 100px.


4


Gib dem Block eine Runde. In CSS ist hierfür die Anweisung border-radius verantwortlich. Fügen Sie den folgenden Code in das Stylesheet ein: border-radius: 8px. Jetzt wird der Block abgerundete Ecken haben. Wenn Sie nur einige Winkel abrunden möchten, beschreiben Sie den Radius für jeden von ihnen getrennt: border-radius: 8px 8px 0px 0px.


5


Setze den Strich auf den Block. Um die Konturen des Blocks mit einer dünnen Linie auszuwählen, fügen Sie den folgenden Code in seine CSS-Beschreibung ein: border-top: 1px schwarz gestrichelt. Diese Anweisung bedeutet, dass die Blockgrenze schwarz ist und ein Pixel in der Dicke hat. In diesem Fall wird die Konturlinie selbst als gepunktete Linie angezeigt (strichpunktiert, punktiert - Punkte, durchgezogen - durchgezogene Linie).


6


Legen Sie die verbleibenden Blockeigenschaften fest. Geben Sie in der CSS-Beschreibung an, welche Art von Headset für den Text innerhalb des Blocks verwendet werden soll, welche Schriftgröße, Ausrichtung und Einrückung von den Kanten des Blocks verwendet werden soll. Diese Eigenschaften werden in den Definitionen font-family, font-size, text-align und padding beschrieben.


7


Um den Fluss eines Blocks durch andere zu konfigurieren,Sie können die Eigenschaft float verwenden. Wenn Sie es auf "links" setzen, werden die anderen Elemente links und rechts "umlaufen". Wenn Sie den Wert von float auf "none" setzen, wird die Ausrichtung des Blocks nicht festgelegt. Die clear-Eigenschaft in CSS verhindert, dass der Block von rechts, links oder von beiden Seiten fließt, und bricht die float-Anweisung ab.




Tipp 4: So entfernen Sie Unterstreichungen von Links


Bearbeiten Sie die Art, wie Links auf der Site angezeigt werdenViele Webmaster wollen das, aber mit HTML-Tags allein ist das nicht möglich. Wenn Sie möchten, dass die Links unterstrichen bleiben, hilft HTML nicht - Sie müssen CSS-Codes verwenden, die für viele eine erhebliche Schwierigkeit darstellen Das Verschwinden oder das Erscheinen einer Linie beim Bewegen über einen Cursor-Link fügt Ihrer Website Ungewöhnlichkeit hinzu und lockt Benutzer an, wenn Sie der Eigentümer sind Website und Webmaster, kann es für Sie nützlich sein, einen einfachen Prozess zum Entfernen von Unterstrichen in Links zu lernen.



So entfernen Sie Unterstreichungen von Links


Anleitung


1


Nimm als Beispiel eine Textzeile,welches du einen Link machen willst. Für die Arbeit benötigen Sie den Parameter text-decoration: none. Wenn es auf die Seite Code in einem bestimmten Ort hinzugefügt wird, unterstreichen Links den folgenden Code ischeznet.Naydite, und nach dem Buchstaben „A“ geben Sie die oben stehenden Text Option. <! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Transitional // EN"> <html> <head> <style type = "text / css"> A {text-decoration: none}


2


Ändern Sie den Code auf diese Weise, Sie entferntunterstreiche den Link. Wenn Sie nun den Unterstrich nur dann wieder einblenden lassen wollen, wenn Sie den Mauszeiger über den Cursor bewegen und seine Hover-Farbe zum Beispiel rot ändert, fügen Sie den Code mit den folgenden Parametern hinzu: A: hover {text-decoration: unterstreichen; color: red} Hier, wie Sie sehen können, gab es wieder einen Unterstrichparameter und einen Farbparameter.


3


Hier, wie Sie sehen können, erschien der Parameter erneutunterstreichen Parameter tsveta.Dobavte auf die oben beschriebenen Teile des letzten Drittels des Codes, wird es endgültig, und es wird Sie direkt in den Text des Links eingeben, die Sie überprüfen können, um den Effekt zu erhalten. </ style> </ head> <body> <a href = "link.html"> Verification Linktext </ body> </ html>