Text area adalah suatu tempat yang dibatasi oleh suatu radius yang telah ditentukan sesuai dengan keinginan pembuatnya.Biasanya text area digunakan sebagai tempat untuk menuliskan kode script atau lainnya yang dapat memudahkan bagi orang yang melihatnya untuk melakukan copy paste terhadap kode tersebut atau bertujuan untuk memperingkas suatu tulisan, kode, maupun gambar sehingga tidak memakan banyak ruang.
Berikut ini merupakan beberapa contoh text area untuk posting blog
1
<div style="border: 3px solid; color: #999999; padding: 10px; text-align: justify; width: 470px;"> TRIK TRIK ONLINE INTERNET menjelajah dunia maya, dengan sejuta keuntungan yang dapat didulang di dalamnya</div>
TRIK TRIK ONLINE INTERNET
menjelajah dunia maya, dengan sejuta keuntungan yang dapat didulang di dalamnya
menjelajah dunia maya, dengan sejuta keuntungan yang dapat didulang di dalamnya
2.
<div style="border: 3px solid; color: #999999; height: 100px; overflow: auto; padding: 10px; text-align: justify; width: 470px;"> TRIK TRIK ONLINE INTERNET menjelajah dunia maya, dengan sejuta keuntungan yang dapat didulang di dalamnya </div>
TRIK TRIK ONLINE INTERNET
menjelajah dunia maya, dengan sejuta keuntungan yang dapat didulang di dalamnya
3.
<div style="border: 3px solid; color: #999999; height: 40px; overflow-x: auto; overflow-y: hidden; padding: 10px; text-align: justify; width: 470px;"> <pre style="display: inline; margin-top: 0pt;">TRIK TRIK ONLINE INTERNET menjelajah dunia maya, dengan sejuta keuntungan yang dapat didulang di dalamnya </pre> </div>
4.
<div style="border: 3px ridge; color: #999999; height: 40px; overflow-x: auto; overflow-y: hidden; padding: 10px; text-align: justify; width: 470px;"> <pre style="display: inline; margin-top: 0pt;">TRIK TRIK ONLINE INTERNET menjelajah dunia maya, dengan sejuta keuntungan yang dapat didulang di dalamnya <div style="width: 250%;"> </div> </pre> </div>
<div style="border: 3px ridge; color: #999999; height: 40px; overflow-x: auto; overflow-y: hidden; padding: 10px; text-align: justify; width: 470px;"> <pre style="display: inline; margin-top: 0pt;">TRIK TRIK ONLINE INTERNET menjelajah dunia maya, dengan sejuta keuntungan yang dapat didulang di dalamnya <div style="width: 250%;"> </div> </pre> </div>
5.
<div style="border: 3px dotted; color: #999999; height: 40px; overflow-x: auto; overflow-y: hidden; padding: 10px; text-align: justify; width: 470px;"> <pre style="display: inline; margin-top: 0pt;">TRIK TRIK ONLINE INTERNET menjelajah dunia maya, dengan sejuta keuntungan yang dapat didulang di dalamnya <div style="width: 250%;"> </div> </pre> </div>
<div style="border: 3px dotted; color: #999999; height: 40px; overflow-x: auto; overflow-y: hidden; padding: 10px; text-align: justify; width: 470px;"> <pre style="display: inline; margin-top: 0pt;">TRIK TRIK ONLINE INTERNET menjelajah dunia maya, dengan sejuta keuntungan yang dapat didulang di dalamnya <div style="width: 250%;"> </div> </pre> </div>
6.
<div style="background-color: #990000; border: 3px solid; color: #000000; height: 40px; overflow-x: auto; overflow-y: hidden; padding: 10px; text-align: justify; width: 470px;"> <pre style="display: inline; margin-top: 0pt;">TRIK TRIK ONLINE INTERNET menjelajah dunia maya, dengan sejuta keuntungan yang dapat didulang di dalamnya </pre> </div>
<div style="background-color: #990000; border: 3px solid; color: #000000; height: 40px; overflow-x: auto; overflow-y: hidden; padding: 10px; text-align: justify; width: 470px;"> <pre style="display: inline; margin-top: 0pt;">TRIK TRIK ONLINE INTERNET menjelajah dunia maya, dengan sejuta keuntungan yang dapat didulang di dalamnya </pre> </div>
background-color --> merupakan warna latar belakang, ganti warna sesuai selera
border --> merupakan tebal tipisnya bingkai
color --> merupakan warna bingkai
hight --> tinggi text area
width --> lebar text area
