Heim >Web-Frontend >HTML-Tutorial >HTML-Studiennotizen eins
HTML-Studiennotizen eins
- 不言Original
- 2018-04-19 14:29:401632Durchsuche
Der Inhalt dieses Artikels handelt von HTML-Lernnotizen 1, die einen gewissen Referenzwert haben. Jetzt können Freunde in Not darauf verweisen.
Klicken Sie hier, um den Link zu öffnen und die Zusammenfassung zu lesen.
Häufig verwendete HTML-Tags und Erklärungen
1. Grundlegendes Formatierungsgerüst
<html> <body> <h1>标题</h1> <p>段落</p> </body> </html>
2. Textformatierungs-Tags
<b>粗体</b> <big>大号字</big> <em>着重字（粗）</em> <i>斜体字</i> <strong>加强语气（粗）</strong> <sub>下标</sub> <sup>上标</sup> <ins>插入字</ins> <del>删除字</del>
3. Link
<a href="URL" target="_blank"> this is a link </a>
Wo, href=hyperlink, target =" _blank“ bedeutet, dass die Datei in einem neuen Fenster geöffnet wird.
Beachten Sie, dass zwischen den beiden ein Leerzeichen steht.
Ein Sonderfall ist die Verwendung des Namensattributs, das zu dem durch das Namensattribut definierten Anker springen kann.
<a name="tips">基本的注意事项 - 有用的提示</a> . . . <a href="#tips">跳转到tips标签处</a>
Beachten Sie, dass Sie beim Zitieren von Ankern # vor dem Namen hinzufügen.
4. Bild
<img src="boat.gif" alt="Big Boat" width="104" height="102" />
Unter anderem speichert src die Adresse des Bildes;
Das Alt-Attribut stellt Ersatztext dar, d. h. die Textbeschreibung, die angezeigt wird, wenn das Bild nicht geladen werden kann. Breite und Höhe werden verwendet, um die Länge und Breite des Bildes festzulegen >Darüber hinaus verfügt das Bild auch über ein Attribut border. Damit wird die Breite des Bildrandes angegeben.5. Allgemeine Methode zum Ändern von Attributen – Stil
<body style="background-color:yellow"> <h2 style="font-family:arial;color:red;font-size:20px;text-align:center;"> 标题 </h2> </body>Daunter Hintergrund- color wird verwendet, um die Hintergrundfarbe festzulegen; font-family wird verwendet, um die Schriftart festzulegen
color wird verwendet, um die (Titel-)Schriftfarbe festzulegen; 🎜>font-size wird zum Festlegen der Schriftgröße verwendet;
6. Zitat
Der erste Typ:
entspricht „“.
Der zweite Typ: langes Zitat, automatische Einrückung, Zitat gibt die Quelladresse an (kann weggelassen werden).
<q>所要引用的话</q>
<blockquote cite="URL">......</blockquote>
<abbr title="world health organization">WHO</abbr>Der fünfte Typ: der Titel des Werks, automatische Kursivschrift.
<br/>
<address>我是地址</address>
<cite>老人与海</cite>
Spezielles, bidirektionales Umschreiben, dir="rtl" bedeutet, von rechts nach links zu schreiben
<bdo dir="rtl">从右向左</bdo>
<kbd>键盘输入</kbd> <samp>计算机输出示例</samp> <code>代码</code> <pre class="brush:php;toolbar:false">文本数学公式
8. Erstellen Sie eine Bildkarte
<html> <body> <p>请点击图像上的星球，把它们放大。</p> <img src="/i/eg_planets.jpg" border="0" usemap="#planetmap" alt="Planets" /> <map name="planetmap" id="planetmap"> <area shape="circle" coords="180,139,14" href ="/example/html/venus.html" target ="_blank" alt="Venus" /> <area shape="rect" coords="0,0,110,260" href ="/example/html/sun.html" target ="_blank" alt="Sun" /> </map> </body> </html>
03fc64e1e502d5ba947b3a9af06d2d2a definiert den anklickbaren Bereich der Bildkarte, einschließlich der Attribute:
Bereich
Koordinaten gibt die (x, y)-Koordinaten des Bereichs an, und die obere linke Ecke ist (0,0); zum Beispiel (x, y, z), xy stellt den Mittelpunkt des Kreises dar, z stellt den Radius dar
a1f02c36ba31691bcfe87b2722de723b das ID- oder Namensattribut in der Karte.
076402276aae5dbec7f672f8f4e5cc81-------Zeilenumbruch
3421109beb16c9362f8d4a2c78b63455---------Kommentar
Das obige ist der detaillierte Inhalt vonHTML-Studiennotizen eins. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!