Innehåll
- stadier
- Metod 1 Sätt in en rad i HTML 4.01
- Detta är en titel
- Metod 2 Infoga en rad med en CSS-fil och HTML5
- Detta är en titel
Du kan använda en horisontell linje för att avgränsa innehållet på din webbplats. Koden för att visa en linje är mycket enkel. Men om du kan ändra stilarna på din linje direkt i koden med HTML 4.01, är det inte samma sak med HTML5. För det senare måste du använda CSS-komponenterna för att ändra stilarna.
stadier
Metod 1 Sätt in en rad i HTML 4.01
-
Skapa ett nytt dokument. Öppna eller skapa ett nytt HTML-dokument. HTML-dokument kan redigeras med en e-redigerare som Anteckningar. Du kan också använda en kodredigerare som Adobe Dreamweaver. Följ dessa steg för att öppna ett HTML-dokument i programmet du väljer:- öppen Anteckningar eller en utgivare av e eller kod efter eget val;
- klicka på fil ;
- klicka på öppen ;
- välj en HTML-fil;
- klicka på öppen.
-
Sätt in linjen. Välj var du vill infoga raden. Rulla nedåt tills du hittar koden som du vill infoga din rad ovan. Klicka sedan längst till vänster på raden för att placera markören precis i början av raden. -
Lämna ett utrymme. Dubbeltryck tillträde för att flytta e ned till linjen ovanför vilken du vill placera din horisontella linje. Placera sedan markören högst upp på det utrymme du just skapade. -
Lägg till taggen
. Typ
före början av raden. Taggen
används för att skapa en horisontell linje över sidan. -
Gå till raden. Flytta linjen framför taggen hr på en ny linje. För att göra detta, tryck på tillträde. Så taggen
bör isoleras på sin egen linje. -
Lägg till attribut. Du kan (om du vill) lägga till attribut till din horisontella linje såsom längd, bredd, färg och justeringsattribut. Använd följande koder efter taggen hr inne i takbjälken. Du kan lägga till mer än ett attribut i en chevron genom att separera dem med ett mellanslag.- Typ
för att ändra linjens tjocklek. Byt ut # med önskat värde för tjockleken (exempel: storlek = "10"). - Typ
för att ändra linjens bredd. Byt ut # med antalet pixlar för sidans bredd eller procentandel (exempel: bredd = "200" eller bredd = "75%"). - Typ
för att ändra färgen på linjen. Ersätt # med ett färgnamn eller hexadecimal kod (exempel: färg = "röd" eller färg = "# FF0000") - Typ
för att hantera linjens inriktning. Byt ut # med "höger", "vänster" eller "mitt" (exempel:
).
- Typ
-
Spara din HTML-fil. För att spara en e-fil som ett HTML-dokument måste du ersätta filändelsen (.txt, .docx) av .html. Följ dessa steg för att spara ditt HTML-dokument:- klicka på menyn fil ;
- välj Spara som ... ;
- ange ett namn på filen bredvid Filnamn ;
- Typ .html efter filnamnet
- klicka på rekord.
-
Testa din kod. För att testa din HTML-fil, högerklicka på filen och välj Öppna med. Välj sedan en webbläsare. En rad ska visas där du placerade taggen hr. Din HMTL-kod ska se ut så här:Detta är en titel
Detta är ett stycke separerat från titeln med en horisontell linje.
Metod 2 Infoga en rad med en CSS-fil och HTML5
-
Skapa ett nytt dokument. Öppna eller skapa ett nytt HTML-dokument. HTML-dokument kan redigeras med en e-redigerare som Anteckningar. Du kan också använda en kodredigerare som Adobe Dreamweaver. Följ dessa steg för att öppna ett HTML-dokument i programmet du väljer:- öppen Anteckningar eller en utgivare av e eller kod efter eget val;
- klicka på fil ;
- klicka på öppen ;
- välj en HTML-fil;
- klicka på öppen.
-
Lägg till taggen huvud. Om din HTML-fil inte har en del ännu huvud, följ stegen nedan för att lägga till den. Delen huvud är mellan taggarna och .- Typ högst upp i ditt dokument.
- Dubbeltryck tillträde för att lägga till två nya rader.
- Typ för att stänga spelet huvud.
-
TypDetta är en titel
Detta är ett stycke separerat med en horisontell linje