THUỘC TÍNH TEXT-INDENT
code HTML:
<html>
<head></head>
<body>
<p>Đây là dòng đầu có sử dụng text-indent, có hiệu ứng đối với dòng đầu tiên trong văn bản, khác với padding có hiệu ứng đối với toàn bộ văn bản.</p>
</body>
</html>
-----------------------------------------------------------
code CSS:
p {
text-indent: 30px;
}
<html>
<head>
<!---Thêm dòng này để gọi TEXT-INDENT.css--->
<link rel="stylesheet" href="TEXT-INDENT.css">
</head>
<body>
<p>Đây là dòng đầu có sử dụng text-indent, có hiệu ứng đối với dòng đầu tiên trong văn bản, khác với padding có hiệu ứng đối với toàn bộ văn bản.</p>
</body>
</html>
-----------------------------------------------------------
p {
margin-bottom: 0 }
p + p {
text-indent: 1.5em;
margin-top: 0 }
p.stb { text-indent: 0; margin-top: 0.83em }
p.mtb { text-indent: 0; margin-top: 2.17em }
p.ltb { text-indent: 0; margin-top: 3.08em }
---------------------------------------------------------------------------------
DROP CAP
code CSS:
p:first-letter {
display:block;
margin:5px 0 0 5px;
float:left;
color:#0033CC;
font-size:60px;
font-family:Georgia;
}
--------------------------------------------------------------------
code HTML:
<html>
<head>
<link rel="stylesheet" href="drop cap.css">
</head>
<body>
<p>Đây là dòng đầu có sử dụng text-indent, có hiệu ứng đối với dòng đầu tiên trong văn bản, khác với padding có hiệu ứng đối với toàn bộ văn bản.</p>
</body>
</html>
------------------------------------------------------------------
code HTML:
<html>
<head>
<link rel="stylesheet" href="dropcap.css">
</head>
<body>
<p class="pdropcap">Ngày nay với khoa học phát triển như vũ bão, đã đem lại
biết bao tiện lợi và tiện nghi hiện đại. Nhưng đi đôi với nó là sự ô nhiễm của
không khí, nước, đất, thực phẩm... Sự thay đổi khí hậu trên toàn cầu đã đưa đến
những thách thức mới cho tất cả các quốc gia.</p>
</body>
</html>
------------------------------------------------------------------
code CSS:
p.pdropcap:first-letter {
float: left;
padding: 4px 8px 0 0;
display: block;
color: #336699;
font: 60px/50px Georgia, Times, serif;
-------------------------------------------------------------------
Phương thức toUpperCase() trong JavaScript
<!DOCTYPE html>
<html>
<body>
<p id="demo1"></p>
<p id="demo2"></p>
<script>
var a = "Học lập trình ứng dụng HTML";
var b = a.toUpperCase();
document.getElementById("demo1").innerHTML = a;
document.getElementById("demo2").innerHTML = b;
</script>
</body>
</html>
----------------------------------------------------------------------------------
Thẻ <big> trong HTML
<!DOCTYPE html>
<html>
<body>
<p>Tài liệu học <big>Lập Trình Web</big> cơ bản</p>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<p>Tài liệu học <span style="font-size:20px">Lập Trình Web</span> cơ bản</p>
</body>
</html>
---------------------------------------------------------
Các thẻ đoạn văn trong HTML
thẻ <p> </p>Bạn có thể không thể biết chắc chắn cách HTML sẽ được hiển thị như thế nào.Kích thước màn hình lớn hoặc nhỏ và thay đổi kích thước cửa sổ sẽ tạo ra các kết quả khác nhau.Với HTML, bạn không thể thay đổi đầu ra bằng cách thêm nhiều khoảng trắng hoặc thêm dòng trống vào mã HTML của bạn.Trình duyệt sẽ xóa các khoảng trắng hoặc các dòng trống khi trang web hiển thị.Những khoảng trắng và các dấu xuống dòng nhiều hơn một thì trình duyệt web chỉ giữ lại một khoảng trống.
thẻ <br>
Trong HTML thẻ <br> định nghĩa một dấu xuống dòng.Sử dung thẻ <br> Nếu bạn muốn xuống dòng hoặc tạo một dòng mới mà không cần bắt đầu một đoạn mới.
thẻ <pre> </pre>
Thẻ <pre> giữ nguyên định dạng như khi chúng ta soạn thảo văn bản.
0 nhận xét:
Đăng nhận xét