Jak zrobić ramkę wokół tekstu html?
W poniższym załączniku pokazuję kod i stronę. Chcę zrobić ramkę wokół tekstu moja strona internetowa.
I jedną ramkę wokół od moje hobby do bibliotek.
W poniższym załączniku pokazuję kod i stronę. Chcę zrobić ramkę wokół tekstu moja strona internetowa.
I jedną ramkę wokół od moje hobby do bibliotek.
Odpowiedź:
Zacznę może od tego, że Twój dokument jest napisany trochę w bałaganiarski sposób.
Jeśli mówimy o samym napisie Moja strona internetowa to powinno to wyglądać następująco.
<h1 style="text-decoration:underline;text-align:center;font-style: italic;border:1px solid black;padding:20px;">Moja strona internetowa</h1>
Gdzie
text-decoration:underline oznacza podkreślenie
text-align:center; oznacza wyśrodkowanie tekstu
font-style: italic; oznacza kursywę (pochylenie tekstu)
border:1px solid black; oznacza obramowanie o grubości 1px, obramowaniem jest linia ciągła koloru czarnego
padding:20px; oznacza margines wewnętrzny czyli cała zawartość znacznika h1 jest odsunięta od obramowania o 20px (możemy to pominąć jeśli nie chcesz wprowadzać odstępu)
Tak na marginesie do określania styli lepiej używać atrybutu class i przypisywać wygląd dla klasy niż umieszczać definicję wyglądu bezpośrednio w znaczniku używając atrybutu style.
Wyjaśnienie:
W ogóle podkreślenie powinno być bardzo rzadko stosowane.
PS
Np. Barańczak, Mickiewicz i Sienkiewicz pisali bez podkreśleń, ale my nie jesteśmy na tym poziomie, więc raz na jakiś czas w sytuacjach gdy podkreślenie nie zmniejsza czytelności, a inne możliwości nie pasują.