HTML-Studiennotizen eins-HTML-Tutorial-php.cn

HTML-Studiennotizen eins

不言

Freigeben： 2018-04-19 14:29:40

Original

1675 Leute haben es durchsucht

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>

Nach dem Login kopieren

2. Textformatierungs-Tags

<b>粗体</b>
<big>大号字</big>
<em>着重字（粗）</em>
<i>斜体字</i>
<strong>加强语气（粗）</strong>
<sub>下标</sub>
<sup>上标</sup>
<ins>插入字</ins>
<del>删除字</del>

Nach dem Login kopieren

3. Link

<a href="URL" target="_blank"> this is a link </a>

Nach dem Login kopieren

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>

Nach dem Login kopieren

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" />

Nach dem Login kopieren

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>

Nach dem Login kopieren

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;

text-align: center.

6. Zitat

Der erste Typ: entspricht „“.

Der zweite Typ: langes Zitat, automatische Einrückung, Zitat gibt die Quelladresse an (kann weggelassen werden).

<q>所要引用的话</q>

Nach dem Login kopieren

Der dritte Typ: Abkürzung: Wenn Sie mit der Maus über die Abkürzung fahren, wird der vollständige Inhalt, also der Titel, angezeigt.

<blockquote cite="URL">......</blockquote>

Nach dem Login kopieren

Der vierte Typ: Adresse (Kontaktinformationen), automatisch kursiv geschrieben und automatisch Zeilenumbrüche davor und danach hinzugefügt.

<abbr title="world health organization">WHO</abbr>

Nach dem Login kopieren

Der fünfte Typ: der Titel des Werks, automatische Kursivschrift.

<br/>

Nach dem Login kopieren

<address>我是地址</address>

Nach dem Login kopieren

<cite>老人与海</cite>

Nach dem Login kopieren

Spezielles, bidirektionales Umschreiben, dir="rtl" bedeutet, von rechts nach links zu schreiben

7. Computercode

<bdo dir="rtl">从右向左</bdo>

Nach dem Login kopieren

Unter diesen bleiben die ersten drei nicht erhalten Leerzeichen und Zeilenumbrüche. Wenn Sie das ursprüngliche Format des Textes beibehalten möchten, verwenden Sie bitte die vierte Methode: Zeilenumbrüche beibehalten.

<kbd>键盘输入</kbd>
<samp>计算机输出示例</samp>
<code>代码</code>
<pre class="brush:php;toolbar:false">文本

数学公式

Nach dem Login kopieren

8. Erstellen Sie eine Bildkarte

Unter anderem definiert die Bildkarte, einschließlich der Attribute id und name, die im Allgemeinen definiert werden müssen;

<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>

Nach dem Login kopieren

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

das ID- oder Namensattribut in der Karte.

9. Andere

-------Zeilenumbruch

-------Horizontale Linie

---------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!