Jak wstawić na stronę www tekst w ramce?

Najprościej poprzez

Do wstawienia tekstu w ramce na stronę WWW najlepiej jest użyć znacznika <fieldset>:

<fieldset>test ramki</fieldset>

Można też dodać do ramki tytuł, umieszczając go wewnątrz znacznika <fieldset> w znaczniku <legend>:

<fieldset><legend>Tytuł</legend>
Zawartość ramki</fieldset>

Lista znaczników HTML/XHTML

Zestaw stron narzędziowych dla osób które projektują strony internetowe 

Webmastering

• Xenu – świetne narzędzie do sprawdzania poprawności linków w serwisie internetowym (sprawdzanie, czy nie ma zerwanych linków, prowadzących do nieistniejących już podstron, błędnie opublikowanych linków)
• FreeMind – program do tworzenia mapy myśli, doskonale się sprawdza przy wprowadzaniu burzy mózgów, projektowaniu struktury serwisu
• JMeter – aplikacja, która umożliwia testowanie obciążenia serwera HTTP, symuluje rzeczywiste obciążenie strony przez użytkowników.
• 301url – wtyczka do Firefox, pozwalająca skracać i przerabiać długie i nieprzyjazne adresy URL.
• Fiddler – bardzo przydatny program pozwalający obserwować skrypty wywoływane na danej podstronie (bardzo przydaje się przy sprawdzaniu skryptów statystyk). Opisywałem go w poście Sprawdzanie statystyk – Fiddler
• Greasemonkey – bardzo ciekawa wtyczka do Firefox, za pomocą której można odczytać wiele przydatnych informacji na temat linków prowadzących do naszej strony w sekcji Narzędzia dla Webmasterów Google. Opisywałem jej zastosowanie w poście Teraz możesz dowiedzieć się więcej o swoich linkach
• Copy as HTML Link – wtyczka do Firefox, która kopiuje zaznaczoną frazę w formacie HTML.
• Firebug – pozwala na monitorowanie wywoływanych skryptów, obrazków, kodów na stronie. Przydatny przy znajdywaniu błędów ładowania strony.
• LinkChecker – wtyczka do Firefox sprawdzająca poprawność linków na witrynie.
• Live HTTP Headers – pokazuje nagłówki HTTP w czasie ładowania strony.
• Load Time Analyzer – sprawdza i wizualizuje czas ładowania strony w przeglądarce Firefox.
• SeoQuake – kolejna wtyczka Firefox, narzędzie przydatne dla webmasterów, którzy mają do czynienia z takimi zagadnieniami jak SEO i pozycjonowanie. Pozwala odczytywać wiele informacji o konkurencyjnych stronach z poziomu wyników wyszukiwania Google.
• ServerReplace – wtyczka do Firefox pozwalająca wczytywać tę samą witrynę z poziomu różnych serwerów (np. serwera produkcyjnego i oficjalnego).
• Web Color Names – pozwala szybko określa kod danego koloru na potrzeby strony.
• X-Ray – ciekawa wtyczka do Firefox pozwalająca szybko przeglądać strukturę kodu przeglądanej podstrony.
• XML Developer Toolbar – pozwala używać narzędzia XML z poziomu przeglądarki.

Dostępność i użyteczność strony

• TAW with a click – Niewielkie rozszerzenie do przeglądarki Firefox, instalujące malutki przycisk w przeglądarce, którego użycie pozwala na stwierdzenie, czy odwiedzana strona jest zgodna ze standardami W3C Web Content Accessibility Guidelines (WCAG 1.0)
• http://www.contentquality.com – Strona internetowa, an której możesz przeprowadzić testy dostępności strony internetowej w różnych przeglądarkach internetowych. Po wykonaniu testu tworzony jest raport, który pokazuje problemy dostępności serwisu i sposoby na ich rozwiązanie.
• Openwave - symulator przeglądarki WWW telefonu komórkowego. Przydatne do sprawdzenia, czy możliwa jest przeglądnie naszej stronie za pomocą telefonu komórkowego.
• Opera mini -kolejny symulator przeglądarki telefonu komórkowego MiniOpera. Przeglądarka ta jest dośc często stosowana w urządzeniach mobilnych i telefonach komórkowych.
• RightLynx Lynx Preview Tool – narzędzie do przeglądania stron internetowych w takim samej postaci, w jakiej wyglądają one w przeglądarce tekstowej Lynx
• Accessibility Evaluator – całkiem niezłe moim zdaniem rozszerzenie do Firefox znajdujące problemy związane z dostępnością serwisu
• Accessibility color wheel – Symuluje poszczególne rodzaje słabego widzenia i rekomenduje najlepsze połączenie tekstu tła z kolorem tekstu na stronie
• WebAIM Low Vision Simulation - symuluje wygląd strony w oczach osób słabo widzących
• Web Accessibility Inspector-Pomaga sprawdzić, czy dana strona będzie dostępna dla osób starszych i mających problemy ze wzrokiem
• Vischeck – Pomaga zobaczyć, jak wygląda dana strona w oczach osoby, która nie rozróżnia kolorów.
• TAW Online – Stwierdza stopień zgodności strony ze standardami W3C Web Content Accessibility Guidelines (WCAG 1.0)
• WebAIM Dyslexia Simulation – nie do końca związane z dostępnością stron WWW, obrazuje problemy w czytaniu tekstu przez osoby mające dysleksję.
• WebAIM Distractibility Simulation – narzędzie, które pokazuje problemy, jakie ma osoba z upośledzona ruchowo z nawigowaniem witryny internetowej
• Web Accessibility Toolbar - Umożliwia sprawdzenie realnego czasu potrzebnego na załadowanie się określonej podstrony.
• Jaws – wersja demo najbardziej popularnego oprogramowania udźwiękawiającego, stosowanego przez ludzi niewidomych do oglądania i przeglądania witryn internetowych.
• The Firefox Screen Reader Emulator – rozszerzenie do Firefox, które pozwala sprawdzić, jak dana podstrona prezentuje się w nowoczesnych urządzeniach typu screen reader.
• Browsershots.org/ – serwis pozwala przetestować działanie określonej witryny internetowej w różnych przeglądarkach internetowych (najważniejsze przeglądarki działające na systemach: Windows i Linux i Mac)
• Safari View – wtyczka do Firefox emulująca działanie przeglądarki Safari
• AccessColor – Sprawdza zewnętrzne i wewnętrzne pliki CSS strony internetowej, pozwalając na zbadanie kontrastu pomiędzy kolorem tła witryny i kolorem tekstu na witrynie

HTML: