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

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

高洛峰Original: 2017-02-16 14:05:591531Durchsuche

1. Grundlegende Tags

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

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">  我是预编译，
         我怎么输它就怎么显示

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>

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

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

Das Folgende ist der HTML-Code in 3 Frames

2:left.html

<!DOCTYPE html>
<html>
    <head>
        <title>网页定位</title>
    </head>
    <body>
        <p id="top">这里是顶部</p>
        <p>原创作者：蜗牛</p>
        <p>原创作者：蜗牛</p>
        <a href="#top">返回顶部</a>
   </body>
</html>

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>

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

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

Für detailliertere Erklärungen zu HTML-Tags (1) Für verwandte Artikel achten Sie bitte auf die chinesische PHP-Website!

Stellungnahme：

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

Vorheriger Artikel：Einführende Konzepte von HTMLNächster Artikel：Einführende Konzepte von HTML

In Verbindung stehende Artikel

Mehr sehen