Ngôn ngữ HTML - Bài thực hành 5

Tạo trang web có nội dung được định dạng theo nhiều hình thức.

Yêu cầu thiết kế

STT Đối tượng Yêu cầu Hằng số màu
1 Trang web Tiêu đề cửa sổ: Định dạng văn bản  
2 Nội dung trang web Sử dụng các tag định dạng văn bản để tạo trang web:
  • Định dạng như hình trên
  • Dạng công thức hóa học và biểu thức phương trình bậc hai, có chữ màu đỏ
  • Đoạn code vòng lặp For: chữ màu xanh dương đậm, nền màu xám, có định dạng canh lề

 

 

#FF0000

#0000CC, #CCCCCC
 

 

Mã nguồn HTML 

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Định dạng văn bản</title>
</head>
<style>
	#tt{
		font-weight: bold;
	}
	#hh{color: red}
</style>
<body>
	<h1 style="color: green; text-align: center">Định dạng văn bản</h1>
	<div>
		<p><span id="tt"><u>Hóa học: </u></span><span id="text"><i>Nước: </i></span><span id="hh">H<sub>2</sub>0</span><span style="text"><i>; Acid Funfuric: </i></span><span id="hh">H<sub>2</sub>SO<sub>4</sub></span><br/>
		  <span id="tt"><u>Toán học: </u></span><span id="text"><i>Phương trình bật 2: </i></span><span id="hh">ax<sup>2</sup>+bx+c=0</span><br/>
	  <span id="tt"><u>Tin học: </u></span><span id="text"><i>Vồng lập For: </i></span></p>
		<p><br/>
	  </p>
	</div>
	<div style="background-color: #CCCCCC; margin-left: 5%">
		<span style="color: blue">
			For i = 0 to 10<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Tong = Tong + 1<br/> Next
		</span>
	</div>
</body>
</html>

Xem ví dụ