TRANG TRÍ TEXT BẰNG HTML
Những gì bạn vừa viết và lưu sẽ được hiển thị trên trình duyệt web như sau:
Website Đây là tiêu đề
Đây là tiêu đề
Đây là tiêu đề
Đây là tiêu đề
Đây là tiêu đề
Đây là tiêu đề
Đây là đoạn văn
Phần text nằm trong những cặp thẻ <h> </h> sẽ tự động được in đậm, dù cỡ chữ có thể rất nhỏ (h6). Trong khi đó, muốn in đậm phần text trong cặp thẻ <p> </p> bạn phải dùng cặp thẻ <b> </b> (b = bold) bao lấy đoạn text, ví dụ: <b>Đoạn này được in đậm</b>. Những lệnh trang trí khác đối với text cũng tương tự như trong winword, ví dụ i = italic (chữ nghiêng); u = underlined (gạch chân),...
Một lưu ý khi viết đoạn văn trên các công cụ soạn thảo website, bạn đừng cố gắng dùng các lệnh enter, tab của các phần mềm soạn thảo văn bản để xác định bố cục cho website của bạn. Trình duyệt chạy web sẽ có cách sắp xếp riêng: từ trái qua phải cho đến hết chiều ngang của màn hình và từ trên xuống dưới cho đến hết nội dung trang web của bạn.
Vì vậy, khi bạn muốn viết một bài thơ, mà không muốn các hàng cách xa nhau quá (dùng thẻ <p> thì sẽ tự động có khoảng trắng giữa 2 đoạn văn) thì bạn sẽ dùng thẻ <br> (break) để xuống hàng; bạn muốn cho cả đoạn vào trong so với lề, bạn phải dùng thẻ <blockquote> </blockquote> ví dụ:
<blockquote>
<p>Công cha như núi Thái Sơn <br>
Nghĩa mẹ như nước trong nguồn chảy ra <br>
Một lòng thờ mẹ, kính cha <br>
Cho tròn chữ hiếu mới là đạo con. <br></p></blockquote>
Trình duyệt web sẽ tự động canh lề trái cho phần text. Nếu bạn muốn thay đổi vị trí so với lề, bạn phải dùng thẻ <div align="*"> </div> (div = division: xác định vị trí; align: sắp hàng). Các vị trí bao gồm left (trái), center (giữa) và right (phải), bạn thay vào dấu * trong thẻ <div align="*"> </div>. Ví dụ muốn đặt toàn bộ bài thơ vào giữa trang web, bạn sẽ dùng thẻ <div align="center"> </div> bao toàn bộ bài thơ.
Bạn soạn thảo trong notepad như sau:
<div align="center">
<p>Công cha như núi Thái Sơn <br>
</div>
Nghĩa mẹ như nước trong nguồn chảy ra <br>
Một lòng thờ mẹ, kính cha <br>
Cho tròn chữ hiếu mới là đạo con. <br></p>Nội dung sẽ được hiển thị trên trình duyệt như sau:
Công cha như núi Thái Sơn
Nghĩa mẹ như nước trong nguồn chảy ra
Một lòng thờ mẹ kính cha
Cho tròn chữ hiếu mới là đạo con.Hầu hết, các trình duyệt web được set mặc định font chữ Times New Roman và màu đen.
Muốn đổi font cho toàn bộ trang web, bạn đặt đoạn mã này vào <body> của trang:
<basefont face="*">
Nếu muốn đổi font cho một đoạn, một dòng hoặc một chữ, bạn đặt đoạn mã này bao phần text bạn muốn đổi font:
<font face="*">NỘI DUNG CÓ FONT KHÁC</font>
Bạn thay tên font vào dấu *. Tuy nhiên, bạn lưu ý chọn font phổ biến, vì nếu bạn chọn font ít người có, thì phần text trên website của bạn sẽ không hiển thị đúng (đặc biệt là tiếng Việt). Những font thường được sử dụng và theo chuẩn Unicode là Verdana, Tahoma và Arial.
Nếu bạn muốn đổi màu chữ cho toàn bộ trang web của bạn, bạn cần phải đặt đoạn mã này vào phần <body> của văn bản soạn thảo:
<body text="*">
Nếu chỉ muốn đổi màu cho một đoạn, một dòng hoặc một chữ, bạn đặt đoạn mã này bao vào phần text bạn muốn đổi màu:
<font color="*">NỘI DUNG CÓ MÀU KHÁC</font>
Bạn thay tên màu bằng tiếng Anh hoặc tên mã vào dấu *. Bạn có thể tham khảo tên mã màu tại bảng màu của W3Schools.
Muốn thay đổi kích cỡ chữ, bạn thêm đoạn mã này bao phần text bạn muốn đổi kích thước:
<font size="*">NỘI DUNG CÓ KÍCH THƯỚC KHÁC</font>
Bạn thay giá trị từ -2 đến 7 vào dấu *.