HTML-Absatzbreite
-
das Absatzelement
<p>in HTML -
Verwenden Sie die CSS-Eigenschaft
width, um Absätze mit unterschiedlichen Breiten in HTML festzulegen -
Verwenden Sie das Element
<div>, um in HTML Absätze mit gleicher Breite zu setzen - Abschluss
Die Sprache, die zum Gestalten einer Webseite verwendet wird, heißt CSS (Cascading Style Sheets). Es erklärt, wie HTML-Komponenten auf einem Bildschirm, Papier oder anderen Medien erscheinen sollten.
Über CSS wird viel Arbeit gespart; Es kann das Design mehrerer Webseiten gleichzeitig steuern. In CSS-Dateien werden externe Stylesheets gehalten.
das Absatzelement <p> in HTML
Ein HTML-Absatz wird durch das Element <p> dargestellt. Obwohl Einzüge in der ersten Zeile und Leerzeilen normalerweise verwendet werden, um Absätze in visuellen Medien einzuschränken, können HTML-Absätze jede strukturelle Gruppierung verwandten Materials sein, z. B. Fotos oder Formularfelder.
Komponenten auf Blockebene, die als Absätze bezeichnet werden, werden automatisch geschlossen, wenn vor dem abschließenden </p>-Tag ein weiterer Absatz verarbeitet wird.
Verwenden Sie die CSS-Eigenschaft width, um Absätze mit unterschiedlichen Breiten in HTML festzulegen
Das CSS-Attribut width bestimmt die Breite eines Elements. Standardmäßig bestimmt es die Breite des Inhaltsbereichs; wenn jedoch box-sizing auf border-box eingestellt ist, bestimmt es die Breite des Randbereichs.
<!DOCTYPE html>
<html>
<body>
<p style="">
<center><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR9j5SfZTDxwimaSsWWsHv0xxjX5TY7j-z4PA&usqp=CAU"></center>
</p>
<p style="max-width:500px;">
<font size="+2">
<center><b>Arraying: Web and Java Developer.</b> </font>
<br>
<i>I'm Arraying, hello. I work with Minevelop as a web and Java developer. My areas of expertise include web development, plugin setup, and small yet complicated Spigot plugins.
<br><br>Since I started operating servers when I was eleven or twelve, I have accumulated a wealth of knowledge.
<br>Enjin: http://www.dev.com/profile/73763
<br>Email: array@dev.com</i>
</center>
</p>
<p style="">
<br>
<br>
<center><img src="https://cdn.dribbble.com/users/2131993/screenshots/15628387/media/13377c0dfb5e4adbfec1d646f20c9206.png?compress=1&resize=400x300"></center>
</p>
<p style="max-width:500px;">
<font size="+2">
<center><b>DomThePotato: Lead Java Developer.</b></font>
<br>
<i>I'm Dom, also known as DomThePotato, and I work at Minevelop as the company's primary Java developer. I specialise on plugins for utilities and everything else outside minigames. I can handle any request because I have more than 1.5 years of experience! experienced file administrator and backend manager.
<br><br>Spigot: https://www.spigotmc.org/members/domthepotat0.397375/
<br>Enjin: http://www.enjin.com/profile/783804080
<br>Email: domthepotato@mindev.com</i>
</center>
</p>
</body>
</html>
Verwenden Sie das Element <div>, um in HTML Absätze mit gleicher Breite zu setzen
Ein Materialblock auf der Seite wird mit dem Block-Level-Element <div> definiert. Außer der Deklaration eines Blocks bewirkt <div> nichts; Der folgende Code erzeugt beispielsweise ein <div>-Element, das zwei Absätze enthält.
Denken Sie daran, dass <p>-Komponenten in einem </div> enthalten sein können.
Beispielcode:
<!DOCTYPE html>
<html>
<style>
{
text-align:center;
}
#custom
{
width : 1100px;
}
</style>
<div id="custom">
<p style="">
<center><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR9j5SfZTDxwimaSsWWsHv0xxjX5TY7j-z4PA&usqp=CAU"></center>
</p>
<p style="max-width:500px;">
<font size="+2">
<center><b>Arraying: Web & Java Developer.</b></font>
<br>
<i>I'm Arraying, hello. I work with Minevelop as a web and Java developer. My areas of expertise include web development, plugin setup, and small yet complicated Spigot plugins.
<br><br>Since I started operating servers when I was eleven or twelve, I have accumulated a wealth of knowledge.
<br>Enjin: http://www.dev.com/
</div>
<div id="custom">
<p>
<p style="">
<br>
<br>
<center><img src="https://cdn.dribbble.com/users/2131993/screenshots/15628387/media/13377c0dfb5e4adbfec1d646f20c9206.png?compress=1&resize=400x300" ></center>
</p style="max-width:500px;">
<font size="+2">
<center><b>DomThePotato: Lead Java Developer.</b>
</font>
<br>
<i>I'm Dom, also known as DomThePotato, and I work at Minevelop as the company's primary Java developer. I specialise on plugins for utilities and everything else outside minigames. I can handle any request because I have more than 1.5 years of experience! experienced file administrator and backend manager.
<br><br>Spigot: https://www.spigotmc.org/members/domthepotat0.397375/
<br>Enjin: http://www.enjin.com/profile/783804080
<br>Email: domthepotato@mindev.com</i>
</center>
</p>
</div>
</html>
Abschluss
Sie können auch <div> verwenden, um die Eigenschaften width, padding, margin und andere Eigenschaften zuzuweisen. Sie können eine id für ein div setzen, die wir im Stil eines Absatzes verwenden können.
Sie können id=" " im <div>-Tag verwenden, und wir können dieselbe Breite für Absätze mit derselben ID haben.
Zeeshan is a detail oriented software engineer that helps companies and individuals make their lives and easier with software solutions.
LinkedIn