Heim Web-Frontend HTML-Tutorial Ausführliche Erklärung der HTML-Tags (1)

Ausführliche Erklärung der HTML-Tags (1)

Feb 16, 2017 pm 02:05 PM
html标签

1. Grundlegende Tags

<!DOCTYPE html>               <!--表示文本类型-->
<html>                        <!--<html></html>表示创建一个html文档-->
    <head>                    <!--<head></head>设置文档标题和其它在网页中不显示的信息-->
        <title>标题</title>   <!--<title></title>设置文档的标题,就是最上方的名字-->
    </head>
    <body>                    <!--<body></body>设置文档的内容-->
        <p>原创作者:雨点的名字</p>
   </body>
</html>
Nach dem Login kopieren

2. Gemeinsame Tags im Textkörper
Tastenkombination für Kommentar-Tags /, ich verwende myeclipse

                                                                                                                                         . Kennzeichnet Absätze

Kennzeichnet Titel, unterteilt in h1 bis h6 Schriftarten in absteigender Reihenfolge
und 🎜>
lautet wie folgt:

Hinweis: Im stellt das häufig in Tags verwendete Attribut src die Quelle und den Namen des Bildes dar; Die Maus wird auf dem Bild platziert. Wenn das Diagramm nicht normal angezeigt werden kann, wird das Alt-Attribut verwendet, um die Wirkung von Breite und Höhe festzulegen > lautet wie folgt:

4: Link-Tags

(1) Grundlegende Link-Einführung

< ;a> ;-Tag zum Implementieren eines Hyperlinks
<!DOCTYPE html>
<head>
<title>来吧</title>
</head>
<body>
<!--这是一个注释标签,页面上你看不到-->
<h4>我是标题哦</h4>
<hr/>
<p>我是p标签<b>我自动加粗的</b></p><br/>
<s>我是删除线</s>
<u>我是下划线</u><br/>
<pre class="brush:php;toolbar:false">  我是预编译,
         我怎么输它就怎么显示
Nach dem Login kopieren

Hinweis: Verwenden Sie das href-Attribut, um die Sprungadresse anzugeben, wenn Sie verwenden, um einen Hyperlink zu implementieren der Text, der angezeigt wird, wenn die Maus auf dem Hyperlink platziert wird; verwenden Sie das Zielattribut, um die Sprungmethode des Hyperlinks anzugeben, wobei _self bedeutet, kein neues Fenster zu öffnen und die Seite nach dem Sprung im aktuellen Fenster zu öffnen (Standard) und _ Leer bedeutet, dass nach dem Sprung ein neues Fenster geöffnet wird, um die Seite zu öffnen.

html标签详解(1) Details: Wenn alle Hyperlinks auf einer Seite auf die gleiche Weise springen, können sie im -Tag einheitlich konfiguriert werden. Fügen Sie

zum Tag hinzu, um anzugeben, dass alle Hyperlinks auf der Seite im Originalfenster angezeigt werden

Gibt an, dass alle Hyperlinks auf der Seite in einem neuen Fenster angezeigt werden

(2) Seitenpositionierung durch ein Tag

<!DOCTYPE html>
<head>
<title>美女图片</title>
</head>
<body>
<img src="first.jpg"   title="就问你美不美"  alt="这里显示第一张图"  width="200" height="300">
<img src="second .jpg" title="身材太好了"   alt="这里显示第二张图"  width="200" height="300">
</body>
</html>
Nach dem Login kopieren
Fall: Klicken Sie, um zum Seitenanfang zurückzukehren.

Hinweis: Wenn Sie auf klicken, um zum Seitenanfang zurückzukehren, wird die Seite an der Position des Tags id="top" positioniert Es wird oben über das id-Attribut positioniert. Es gibt nur sehr wenige Dinge auf der Webseite und es gibt keinen Effekt. Wenn Sie es testen möchten, können Sie viele andere Tags hinzufügen, um den Effekt zu erzielen Seien Sie offensichtlich

(3) Über das Tag a herunterladen html标签详解(1)
Hinweis: Sie können auf den Link klicken, um Dokumente und komprimierte Dateien automatisch herunterzuladen, wenn Sie auf klicken das Bild, die Seite öffnet das Bild, anstatt es herunterzuladen

Wenn Sie das Bild herunterladen möchten, müssen Sie einen Schritt hinzufügen

5: HTML-Frame
<!DOCTYPE html>
<html>
    <head>
        <title>我是a标签</title>
    </head>
    <body>
        <!-- 版权声明-->
        <a href="http://www.baidu.com/" 
           title="百度一下,你就知道" target="_self">百度</a>
        <a href="http://www.163.com" 
           title="网易新闻" target="_blank">网易</a>
   </body>
</html
Nach dem Login kopieren

Das Folgende ist der HTML-Code in 3 Frames

1: head.html

2:left.html

3:center.html
<!DOCTYPE html>
<html>
    <head>
        <title>网页定位</title>
    </head>
    <body>
        <p id="top">这里是顶部</p>
        <p>原创作者:蜗牛</p>
        <p>原创作者:蜗牛</p>
        <a href="#top">返回顶部</a>
   </body>
</html>
Nach dem Login kopieren

Die laufenden Ergebnisse sind wie folgt:

<!DOCTYPE html>
<html>
    <head>
        <title>下载</title>
    </head>
    <body>
        <a  href="6用户注册项目.docx">点击下载文档</a>
        <a  href="2017-1-4Jquery.rar">点击下载压缩文件</a>
        <a  href="second .jpg">点击图片</a>
   </body>
</html>
Nach dem Login kopieren

<body>
<a href="first.jpg" download="first.jpg">点击图片</a> <!--download实现图片下载功能-->
</body>
Nach dem Login kopieren

<!DOCTYPE html>
<head>
<title>Html框架</title>    <!--注意;搭建框架是不能出现<body></body>标签的,所以要先删除<body>标签-->
</head>
<frameset rows="25%,75%"> <!--frameset用来定义一个框架集 ,row代表有上下两个界面,占比为25%和75%-->
          <frame src="head.html" name="heand"/> <!--frame代表一个界面,界面内容为head.html中内容-->
          <frameset cols="25%,75%">    <!--在下面在定义一个框架级,再分为左右两部分 cols代表列-->
                <frame src="left.html" name="left"/>
                <frame src="center.html" name="body"/> <!--定义name="body"是有意义的,方便调用-->
           </frameset> 
     </frameset><noframes></noframes>      <!--noframes还未知意义,删了照样运行所以知道的朋友可以给我留言-->
</html>
Nach dem Login kopieren

Für detailliertere Erklärungen zu HTML-Tags (1) Für verwandte Artikel achten Sie bitte auf die chinesische PHP-Website!
Erklärung dieser Website
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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Chat -Befehle und wie man sie benutzt
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So extrahieren Sie HTML-Tag-Inhalte mithilfe regulärer Ausdrücke in der Go-Sprache So extrahieren Sie HTML-Tag-Inhalte mithilfe regulärer Ausdrücke in der Go-Sprache Jul 14, 2023 pm 01:18 PM

So verwenden Sie reguläre Ausdrücke zum Extrahieren von HTML-Tag-Inhalten in der Go-Sprache. Einführung: Reguläre Ausdrücke sind ein leistungsstarkes Tool zum Textabgleich und werden auch häufig in der Go-Sprache verwendet. Im Szenario der Verarbeitung von HTML-Tags können uns reguläre Ausdrücke dabei helfen, den erforderlichen Inhalt schnell zu extrahieren. In diesem Artikel wird erläutert, wie reguläre Ausdrücke zum Extrahieren des Inhalts von HTML-Tags in der Go-Sprache verwendet werden, und es werden relevante Codebeispiele aufgeführt. 1. Verwandte Pakete einführen Zuerst müssen wir verwandte Pakete importieren: regexp und fmt. regexp-Paket bietet

So entfernen Sie HTML-Tags mithilfe regulärer Python-Ausdrücke So entfernen Sie HTML-Tags mithilfe regulärer Python-Ausdrücke Jun 22, 2023 am 08:44 AM

HTML (HyperTextMarkupLanguage) ist eine Standardsprache zum Erstellen von Webseiten. Sie verwendet Tags und Attribute, um verschiedene Elemente auf der Seite zu beschreiben, wie z. B. Text, Bilder, Tabellen, Links usw. Bei der Verarbeitung von HTML-Text ist es jedoch schwierig, den Textinhalt schnell für die anschließende Verarbeitung zu extrahieren. Zu diesem Zeitpunkt können wir reguläre Ausdrücke in Python verwenden, um HTML-Tags zu entfernen und so schnell einfachen Text zu extrahieren. In Python reguläre Tabellen

Wie entferne ich HTML-Tags aus einer Zeichenfolge in PHP? Wie entferne ich HTML-Tags aus einer Zeichenfolge in PHP? Mar 23, 2024 pm 09:03 PM

PHP ist eine häufig verwendete serverseitige Skriptsprache, die häufig in der Website-Entwicklung und der Back-End-Anwendungsentwicklung eingesetzt wird. Bei der Entwicklung einer Website oder Anwendung kommt es häufig vor, dass Sie HTML-Tags in Zeichenfolgen verarbeiten müssen. In diesem Artikel wird erläutert, wie Sie mithilfe von PHP HTML-Tags aus Zeichenfolgen entfernen, und es werden spezifische Codebeispiele bereitgestellt. Warum müssen Sie HTML-Tags entfernen? Bei der Verarbeitung von Benutzereingaben oder aus einer Datenbank abgerufenem Text werden häufig HTML-Tags einbezogen. Manchmal möchten wir diese HTML-Tags entfernen, wenn wir Text anzeigen

So maskieren Sie HTML-Tags in PHP So maskieren Sie HTML-Tags in PHP Feb 24, 2021 pm 06:00 PM

In PHP können Sie die Funktion htmlentities() verwenden, um HTML zu maskieren, wodurch Zeichen in HTML-Entitäten umgewandelt werden können. Die Syntax lautet „htmlentities(string,flags,character-set,double_encode)“. Sie können auch die Funktion html_entity_decode() in PHP verwenden, um HTML zu entescapen und HTML-Entitäten in Zeichen umzuwandeln.

Wie entferne ich HTML-Tags aus einer bestimmten Zeichenfolge in Java? Wie entferne ich HTML-Tags aus einer bestimmten Zeichenfolge in Java? Aug 29, 2023 pm 06:05 PM

String ist eine letzte Klasse in Java, sie ist unveränderlich, was bedeutet, dass wir das Objekt selbst nicht ändern können, aber wir können die Referenz des Objekts ändern. HTML-Tags können mit der Methode replaceAll() der String-Klasse aus einer bestimmten Zeichenfolge entfernt werden. Mithilfe regulärer Ausdrücke können wir HTML-Tags aus einer bestimmten Zeichenfolge entfernen. Nachdem die HTML-Tags aus der Zeichenfolge entfernt wurden, wird eine Zeichenfolge als normaler Text zurückgegeben. Syntax publicStringreplaceAll(Stringregex,Stringreplacement) Beispiel publicclassRemoveHTMLTagsTest{&nbs

Wie verwende ich HTML-Tags in HTML-Tabellen? Wie verwende ich HTML-Tags in HTML-Tabellen? Sep 08, 2023 pm 06:13 PM

Wir können problemlos HTML-Tags in die Tabelle einfügen. HTML-Tags sollten innerhalb von <td>-Tags platziert werden. Fügen Sie beispielsweise Absatz-<p>…</p>-Tags oder andere verfügbare Tags innerhalb des <td>-Tags hinzu. Syntax Im Folgenden finden Sie die Syntax für die Verwendung von HTML-Tags in HTML-Tabellen. <td><p>Absatz des Kontexts</p><td>Beispiel 1 Ein Beispiel für die Verwendung von HTML-Tags in einer HTML-Tabelle finden Sie unten. <!DOCTYPEhtml><html><head&g

Was ist ein Beispiel für ein Start -Tag in HTML? Was ist ein Beispiel für ein Start -Tag in HTML? Apr 06, 2025 am 12:04 AM

AnexampleofaTartingTaginHtmlis, die, die starttagsaresesinginhtmlastheyinitiateElements, definetheirtypes, andarecrucialForstructuringwebpages und -konstruktionsthedoms.

PHP-Methode für reguläre Ausdrücke zur Überprüfung grundlegender HTML-Tags PHP-Methode für reguläre Ausdrücke zur Überprüfung grundlegender HTML-Tags Jun 24, 2023 am 08:07 AM

PHP ist eine effiziente Webentwicklungssprache, die reguläre Ausdrucksfunktionen unterstützt und die Gültigkeit von Eingabedaten schnell überprüfen kann. In der Webentwicklung ist HTML eine gängige Auszeichnungssprache und die Validierung von HTML-Tags ist eine sehr wichtige Methode zur Validierung von Webformularen. In diesem Artikel werden grundlegende Methoden zur Überprüfung von HTML-Tags und die Verwendung regulärer PHP-Ausdrücke zur Überprüfung vorgestellt. 1. Grundstruktur von HTML-Tags HTML-Tags bestehen aus Elementnamen und Attributen, die von spitzen Klammern umgeben sind. Zu den gängigen Tags gehören p, a, div

See all articles