简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
Heim
Artikel
Fragen und Antworten
Kurs
Thema
Herunterladen
Spiel
Wörterbuch
kürzliche Updates

Heim  >  Artikel  >  Web-Frontend  >  HTML-Referenz

HTML-Referenz

黄舟
黄舟Original
2016-12-14 10:58:531305Durchsuche

Grundlegende Tags
Erstellen Sie ein HTML-Dokument
Legen Sie den Dokumenttitel und andere Informationen fest, die nicht auf der WEB-Seite angezeigt werden
< body> Legt den sichtbaren Teil des Dokuments fest
-------------- ---- ---------------------------------------------
Titel-Tag
</title> Geben Sie den Titel des Dokuments in die Titelleiste ein <br/>--------------------- ----- --------------------------------------------- ----- ----<br/>Allgemeine Dokumenteigenschaften <br/><body bgcolor=?> Legen Sie die Hintergrundfarbe fest, verwenden Sie den Namen oder den Hexadezimalwert <br><body text=?> Farbe, verwenden Sie den Namen oder den Hexadezimalwert <br><body link=?> Um die Linkfarbe festzulegen, verwenden Sie den Namen oder den Hexadezimalwert <br><body vlink=?> Verwenden Sie den Namen oder den Hexadezimalwert <br><body alink=?> Legen Sie die Farbe des aufgerufenen Links fest, indem Sie den Namen oder den Hexadezimalwert verwenden <br>----------- ------ -------------------------------------------- ------ -----------<br>Text-Tag <br><pre class="brush:php;toolbar:false"></pre> Erstellen Sie vorformatierten Text <br><h1>< /h1> <br><h6></h6> Erstellen Sie den kleinsten Titel <br><b></b> Erstellen Sie eine kursive Schriftart <br><i></i> ;tt></tt> Erstellen Sie eine Schriftart im Schreibmaschinenstil <br><cite></cite> Erstellen Sie ein Zitat, normalerweise kursiv geschrieben <br><em></em> ;<br/>Betonung eines Wortes ( normalerweise kursiv und fett) <br/><strong></strong> Betonung eines Wortes (normalerweise kursiv und fett) <br><font size=?></ font> 7 <br><font color=?></font> Schriftfarbe festlegen, Namen oder Hexadezimalwert verwenden <br>-------- ------------- ------------------------------------- ------------- ----------<br>Link <br><a href="URL"></a> Erstellen Sie einen Hyperlink <br><a href="mailto:EMAIL"> </a> Erstellen Sie einen Link, der automatisch eine E-Mail sendet <br><a name="NAME"></a> Erstellen Sie einen Link innerhalb des Dokuments Ziel <br><a href="#NAME" ></a> Erstellt einen Link zum Ziel im Dokument <br>---------------- -------------- --------------------- -------------- -<br>Formatieren <br><p> Einen neuen Absatz erstellen <br><p align=?> Drücken Sie links, in der Mitte oder rechts vom Absatz. <br><br> Zeilenvorschub <br></blockquote> Text von beiden Seiten einrücken <br><dl></dl> Vor jedem Definitionsbegriff platzieren <br><dd> Platzieren Sie vor jeder Definition <br><ol></ol> Erstellen Sie eine nummerierte Liste <br><li> Platzieren Sie vor jeder Definition vor jedem numerischen Listenelement und fügen Sie eine Nummer hinzu <br><ul>< /ul> Erstellen Sie eine gepunktete Liste <br><li> und fügen Sie das Tag „Vorheriger Punkt“ <br><div align=?> hinzu, das zum Formatieren großer HTML-Absätze verwendet werden kann <br>----------------- --------------- -------------------- -------------<br>Grafische Elemente <br><img src="name"> ; Ein Bild hinzufügen <br/><img src="name" align=?> Ein Bild ausrichten: links, zentriert, rechts oder oben, zentriert und unten <br><img src="name" border=?> ; Legen Sie die Größe des Rahmens um ein Bild fest <br><hr> Fügen Sie eine horizontale Linie hinzu <br>< ;hr size=?> ?> Legen Sie die Breite der horizontalen Linie fest (Prozentsatz oder absolute Pixel) <br><hr noshade> Erstellen Sie eine horizontale Linie ohne Schatten <br>----------------- --------------------------------- ----------------- -----------------<br>Tabelle <br><table></table> Erstellen Sie eine Tabelle <br><tr></tr> Zeile in der Tabelle <br><td></td> Beginnen Sie jede Zelle in einer Zeile <br><th></th> ; Verwenden Sie zum Festlegen der Tabellenüberschrift normalerweise ein Raster mit fettem und zentriertem Text <br/>------------------------------------ ------------ -------------------------------------<br/>Tabelleneigenschaften <br/><Tabellenrand =#> Legen Sie die Breite des Rahmens um die Tabelle fest <br><table cellpadding=#> Legen Sie die Größe des Abstands zwischen Tabellenzellen fest <br><table cellpadding=#> Legen Sie die Größe des Abstands zwischen dem Tabellenzellenrand und seinem internen Inhalt fest <br><Tabellenbreite =#or% > Legen Sie die Breite der Tabelle fest – verwenden Sie den absoluten Pixelwert oder den Prozentsatz der Gesamtbreite des Dokuments <br><tr align=?>oder<td align=?> das Tabellenraster (links, in der Mitte, rechts) <br> <tr valign=?>oder<td valign=?> Legen Sie die vertikale Ausrichtung des Tabellenrasters (oben, in der Mitte und unten) fest <br><td colspan=#> Legen Sie die Anzahl der Spalten fest, die ein Tabellenraster umfassen soll (der Standardwert ist 1). <br><td rowspan=#> Legen Sie die Anzahl der Zeilen fest, die ein Tabellenraster umfassen soll (Standard ist 1). <br><td nowrap> Automatischen Zeilenumbruch und Umbruch des Inhalts im Tabellenraster deaktivieren<br>-------------------------- ---------------------- -------------- ----<br>Fensterrahmen <br><frameset></frameset> Vor dem <body>-Tag eines Fensterrahmendokuments kann es auch in andere Fensterrahmendokumente eingebettet werden <br><framesetrows ="value,value"> Definieren Sie die Anzahl der Zeilen in einem Fensterrahmen. Sie können absolute Pixelwerte oder einen Prozentsatz der Höhe verwenden. <br><framesetcols="value,value"> Für einen Fensterrahmen können Sie absolute Pixelwerte oder einen Prozentsatz der Breite verwenden. <br><frame> Definiert die Anzahl der Spalten in einem Fensterrahmen, der nicht unterstützt. Welche Eingabeaufforderung wird im Browser angezeigt?<br>-- ----------------------------------------------- --- ---------------------<br>Fensterrahmeneigenschaften <br>< Frame src= "URL"> Gibt an, welches HTML-Dokument im Fensterrahmen angezeigt wird <br><frame name="name"> Benennt den Fensterrahmen oder -bereich, damit andere Fensterrahmen darauf verweisen können <br><frame marginwidth = #> Definieren Sie die Randgröße des linken und rechten Rands des Fensterrahmens, die größer oder gleich 1 sein muss. <br><frame marginheight=#> der Fensterrahmen, der größer oder gleich 1 sein muss </p> <p> Ich hoffe, das hilft allen. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)! </p></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>Stellungnahme：</span><div>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</div></div></div><div class="nphpSytBox"><span>Vorheriger Artikel：<a class="dBlack" title="Eine kurze Analyse der internen HEAD-Tags der HTML-Datei" href="http://m.php.cn/de/faq/344446.html">Eine kurze Analyse der internen HEAD-Tags der HTML-Datei</a></span><span>Nächster Artikel：<a class="dBlack" title="Eine kurze Analyse der internen HEAD-Tags der HTML-Datei" href="http://m.php.cn/de/faq/344449.html">Eine kurze Analyse der internen HEAD-Tags der HTML-Datei</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>In Verbindung stehende Artikel</h2><em><a href="http://m.php.cn/de/article.html" class="bBlack"><i>Mehr sehen</i><b></b></a></em><div class="clear"></div></div><ul class="nphpXgwzList"><li><b></b><a href="http://m.php.cn/de/faq/348281.html" title="Das Vollbild-Bildlauf-Plug-in AlloyTouch erstellt in 30 Sekunden eine flüssige H5-Seite" class="aBlack">Das Vollbild-Bildlauf-Plug-in AlloyTouch erstellt in 30 Sekunden eine flüssige H5-Seite</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/348372.html" title="Tatsächlicher HTML5-Kampf und Analyse von Touch-Ereignissen (Touchstart, Touchmove und Touchend)" class="aBlack">Tatsächlicher HTML5-Kampf und Analyse von Touch-Ereignissen (Touchstart, Touchmove und Touchend)</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/348373.html" title="Ausführliche Erläuterung der Beispiele für Bildzeichnungen in HTML5 Canvas 9" class="aBlack">Ausführliche Erläuterung der Beispiele für Bildzeichnungen in HTML5 Canvas 9</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/348374.html" title="Reguläre Ausdrücke und neue HTML5-Elemente" class="aBlack">Reguläre Ausdrücke und neue HTML5-Elemente</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/348469.html" title="So kombinieren Sie NodeJS und HTML5, um mehrere Dateien per Drag-and-Drop auf den Server hochzuladen" class="aBlack">So kombinieren Sie NodeJS und HTML5, um mehrere Dateien per Drag-and-Drop auf den Server hochzuladen</a><div class="clear"></div></li></ul></div></div><div class="nphpFoot"><div class="nphpFootBg"><ul class="nphpFootMenu"><li><a href="http://m.php.cn/de/"><b class="icon1"></b><p>Heim</p></a></li><li><a href="http://m.php.cn/de/course.html"><b class="icon2"></b><p>Kurs</p></a></li><li><a href="http://m.php.cn/de/wenda.html"><b class="icon4"></b><p>Fragen und Antworten</p></a></li><li><a href="http://m.php.cn/de/login"><b class="icon5"></b><p>Mein</p></a></li><div class="clear"></div></ul></div></div><div class="nphpYouBox" style="display: none;"><div class="nphpYouBg"><div class="nphpYouTitle"><span onclick="$('.nphpYouBox').hide()"></span><a href="http://m.php.cn/de/"></a><div class="clear"></div></div><ul class="nphpYouList"><li><a href="http://m.php.cn/de/"><b class="icon1"></b><span>Heim</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/course.html"><b class="icon2"></b><span>Kurs</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/article.html"><b class="icon3"></b><span>Artikel</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/wenda.html"><b class="icon4"></b><span>Fragen und Antworten</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/dic.html"><b class="icon6"></b><span>Wörterbuch</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/course/type/99.html"><b class="icon7"></b><span>Handbuch</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/xiazai/"><b class="icon8"></b><span>Herunterladen</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/faq/zt" title="Thema"><b class="icon12"></b><span>Thema</span><div class="clear"></div></a></li><div class="clear"></div></ul></div></div><div class="nphpDing" style="display: none;"><div class="nphpDinglogo"><a href="http://m.php.cn/de/"></a></div><div class="nphpNavIn1"><div class="swiper-container nphpNavSwiper1"><div class="swiper-wrapper"><div class="swiper-slide"><a href="http://m.php.cn/de/" >Heim</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/article.html" class="hover">Artikel</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/wenda.html" >Fragen und Antworten</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/course.html" >Kurs</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/faq/zt" >Thema</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/xiazai" >Herunterladen</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/game" >Spiel</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/dic.html" >Wörterbuch</a></div><div class="clear"></div></div></div><div class="langadivs" ><a href="javascript:;" class="bg4 bglanguage"></a><div class="langadiv" ><a onclick="javascript:setlang('zh-cn');" class="language course-right-orders chooselan " href="javascript:;"><span>简体中文</span><span>（ZH-CN）</span></a><a onclick="javascript:setlang('en');" class="language course-right-orders chooselan " href="javascript:;"><span>English</span><span>（EN）</span></a><a onclick="javascript:setlang('zh-tw');" class="language course-right-orders chooselan " href="javascript:;"><span>繁体中文</span><span>（ZH-TW）</span></a><a onclick="javascript:setlang('ja');" class="language course-right-orders chooselan " href="javascript:;"><span>日本語</span><span>（JA）</span></a><a onclick="javascript:setlang('ko');" class="language course-right-orders chooselan " href="javascript:;"><span>한국어</span><span>（KO）</span></a><a onclick="javascript:setlang('ms');" class="language course-right-orders chooselan " href="javascript:;"><span>Melayu</span><span>（MS）</span></a><a onclick="javascript:setlang('fr');" class="language course-right-orders chooselan " href="javascript:;"><span>Français</span><span>（FR）</span></a><a onclick="javascript:;" class="language course-right-orders chooselan chooselanguage" href="javascript:;"><span>Deutsch</span><span>（DE）</span></a></div></div><script> var swiper = new Swiper('.nphpNavSwiper1', { slidesPerView : 'auto', observer: true,//修改swiper自己或子元素时，自动初始化swiper observeParents: true,//修改swiper的父元素时，自动初始化swiper }); </script></div></div><!--顶部导航 end--><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了，就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body></html>