Tài liệu Cơ bản html p3 docx

Basic html
Cơ bản html

Paragraph Tag <p>

Thẻ <p> báo hiệu đoạn văn. khái niệm đoạn văn chác bạn cũng đả hiểu mình cũng không giải
thích vì cũng chả rành hơn ai, ví dụ thực tế:
Code: [Select]
<p>đạon văn thứ nhất chỉ chứa một câu</p><đoạn văn bản thứ hai cũng thế</p>

kết quả:

Đạon văn thứ nhất chỉ chứa một câu
Đoạn văn bản thứ hai cũng thế


Các thuộc tính của thẻ <p>
ngoại trừ 3 thuộc tính left,right,center đả đề cập ở bài trước, thì mình đạon văn bản còn có một
thuộc tính khác nữa! Để tìm một đoạn văn nào đó dài dài làm ví dụ cái:
Code: [Select]
<p>Tràng là một gã trai nghèo khổ, dân cư ngụ, làm nghề đẩy xe bò thuê, nuôi
mẹ già. Dân cư ngụ là nhưng người vốn từ nơi khác đến. Vì thế, dân cư ngụ
không có ruộng đất, những thứ vô cùng quan trọng đối với người nôn dân thời
xưa. Đã vậy, họ còn bị phân biệt đối xử, thường phải ở nơi bìa làng, hoặc ở
chỗ hẻo lánh. Nhà cửa của anh ta, cái được gọi là “nhà” thì luôn vắng teo
đứng rúm ró trên mảnh vườn mọc lổn nhổn những búi cỏ dại. Hơn nữa, vì là dân
ngụ cư, Tràng bị coi khinh, chẳng mấy ai thèm nói chuyện, trừ lũ trẻ hay chọc
ghẹo khi anh ta đi làm về.
</p>
<p align="justify">Tràng là một gã trai nghèo khổ, dân cư ngụ, làm nghề đẩy
xe bò thuê, nuôi mẹ già. Dân cư ngụ là nhưng người vốn từ nơi khác đến. Vì

thế, dân cư ngụ không có ruộng đất, những thứ vô cùng quan trọng đối với
người nôn dân thời xưa. Đã vậy, họ còn bị phân biệt đối xử, thường phải ở nơi
bìa làng, hoặc ở chỗ hẻo lánh. Nhà cửa của anh ta, cái được gọi là “nhà” thì
luôn vắng teo đứng rúm ró trên mảnh vườn mọc lổn nhổn những búi cỏ dại. Hơn
nữa, vì là dân ngụ cư, Tràng bị coi khinh, chẳng mấy ai thèm nói chuyện, trừ
lũ trẻ hay chọc ghẹo khi anh ta đi làm về.
</p>

kết quả:

Tràng là một gã trai nghèo khổ, dân cư ngụ, làm nghề đẩy xe bò thuê, nuôi mẹ già. Dân cư ngụ là
nhưng người vốn từ nơi khác đến. Vì thế, dân cư ngụ không có ruộng đất, những thứ vô cùng
Basic html
quan trọng đối với người nôn dân thời xưa. Đã vậy, họ còn bị phân biệt đối xử, thường phải ở
nơi bìa làng, hoặc ở chỗ hẻo lánh. Nhà cửa của anh ta, cái được gọi là “nhà” thì luôn vắng teo
đứng rúm ró trên mảnh vườn mọc lổn nhổn những búi cỏ dại. Hơn nữa, vì là dân ngụ cư, Tràng
bị coi khinh, chẳng mấy ai thèm nói chuyện, trừ lũ trẻ hay chọc ghẹo khi anh ta đi làm về.
Tràng là một gã trai nghèo khổ, dân cư ngụ, làm nghề đẩy xe bò thuê, nuôi mẹ già. Dân cư ngụ là
nhưng người vốn từ nơi khác đến. Vì thế, dân cư ngụ không có ruộng đất, những thứ vô cùng
quan trọng đối với người nôn dân thời xưa. Đã vậy, họ còn bị phân biệt đối xử, thường phải ở
nơi bìa làng, hoặc ở chỗ hẻo lánh. Nhà cửa của anh ta, cái được gọi là “nhà” thì luôn vắng teo
đứng rúm ró trên mảnh vườn mọc lổn nhổn những búi cỏ dại. Hơn nữa, vì là dân ngụ cư, Tràng
bị coi khinh, chẳng mấy ai thèm nói chuyện, trừ lũ trẻ hay chọc ghẹo khi anh ta đi làm về.


Đoạn văn bản có thuộc tính justify được canh hai bên, bạn thấy nó rất đều không!?

Nói thêm: justify còn được dùng trong các thẻ:
 p, div, h1, h2, h3, h4, h5, h6
 col, colgroup, tbody, thead, tfoot, tr, th, td.

ví dụ về cacnh tái, phải, giữa chắc khỏi cần rồi ha! Vậy là đủ để kết thúc thẻ <p> rồi!


HTML - Headings 1:6
Chú ý: đừng nhầm lẫn với phần header!

Các tag Heading là các tag có chữ h và số từ 1 đến 6 <h1>....<h6> thường được dùng để tạo phần
tiêu đề (đừng nhầm với thè title) kiểu chử to bên trên bài viết nên có cái tên như vậy, xem ví dụ:
Code: [Select]
<h1>Headings</h1>
<h2>thì</h2>
<h3>như</h3>
<h4>thế</h4>
<h5>này</h5>
<h6>nè</h6>

kết quả:

Headings
Basic html
thì
như
thế
này
nè


Thật ra nó dùng để cacnh chỉnh kích thước chữ co tiện thôi, có nhiều cách, nhưng cách này là
tiện nhất, đây là ví dụ thực tế

Code: [Select]
<h4>Hởi bà con</h4>
<p>Bà con đến đây, xem bài hướng dẫn của em viết, chắc chắn là qua Google,
nhưng mà chắc cũng tìm mỏi mắt, tút sau cùng mới thấy web của em, điều này
cho thấy web của em còn rất nhỏ, em mong mọi người hãy giúp em bằng một số
cách: gửi yahoo cho bạn bè giới thiệu về web của em, gửi mail, post lên diễn
đàn khác..v.v. Mấy điều đó sẽ giúp em rất nhiều!</p>
kết quả:

Hởi bà con
Bà con đến đây, xem bài hướng dẫn của em viết, chắc chắn là qua Google, nhưng mà chắc cũng
tìm mỏi mắt, tút sau cùng mới thấy web của em, điều này cho thấy web của em còn rất nhỏ, em
mong mọi người hãy giúp em bằng một số cách: gửi yahoo cho bạn bè giới thiệu về web của em,
gửi mail, post lên diễn đàn khác..v.v. Mấy điều đó sẽ giúp em rất nhiều!


Trong các tag heading, chúng ta có thể dùng các thuộc tính như thông dụng như align, class, id
chẳng hạn!


Xuống dòng trong html - Line Breaks
Để xuống dòng trong html củng có nhiều cách, nhưng cách đơn giản nhất là dùng thẻ <br/>, nên
nhớ ta vẫn có thể viết <br> nhưng đây không tuân hủ các quy tắc XHTML và cứ nói tôi lẩm cẩm
khi nhắc đi nhắc lại, tuy là chứa có gì đặc biệt, chỉ có thêm rắc rối, nhưng đây là hướng phát triễn
của tương lai, và trong tương lai.......

Thôi, xem ví dụ cái đả:
Code: [Select]
Basic html
Coi trọng lễ tiết, triết học<br/>Các bài quyền (kata) theo lối cổ

điển<br/>Phương pháp luyện tập sử dụng nhiều phương pháp từ xưa để lại<br/>Ít
tổ chức thi đấu<br/>Sử dụng chế độ phong đẳng cấp dựa vào số lượng bài quyền
và động tác cơ bản luyện tập được. Thời gian phong đẳng cấp khác nhau giữa
các lưu phái, song nhìn chung đều lâu.<br/>
và kết quả:

Coi trọng lễ tiết, triết học
Các bài quyền (kata) theo lối cổ điển
Phương pháp luyện tập sử dụng nhiều phương pháp từ xưa để lại
Ít tổ chức thi đấu
Sử dụng chế độ phong đẳng cấp dựa vào số lượng bài quyền và động tác cơ bản luyện tập được.
Thời gian phong đẳng cấp khác nhau giữa các lưu phái, song nhìn chung đều lâu.


Đương nhiên mình nói có cách khác để xuống hàng, cách đó đây:
Code: [Select]
<p>Coi trọng lễ tiết, triết học</p><p>Các bài quyền (kata) theo lối cổ
điển</p><p>Phương pháp luyện tập sử dụng nhiều phương pháp từ xưa để lại</p>

kết quả:

Coi trọng lễ tiết, triết học
Các bài quyền (kata) theo lối cổ điển
Phương pháp luyện tập sử dụng nhiều phương pháp từ xưa để lại


Nhưng nói thiệt, đây được xếp vào hàng ngu kiến!

nói thêm: để cách khoảng 2,3 hàng ta cứ thêm vào chừng ấy tag <br/>, cái này khỏi ví dụ.

HTML Horizontal Rule - lằn ngang
thẻ <hr> này in ra một lằng ngang, chạy ngang qua màn hình.
Thẻ này thuộc dạng thẻ không có thẻ đóng như thẻ xuống hàng, ta có thể viết thẻ này đơn giản
theo cách :<hr>
nhưng theo các quy tắc XHMTL thì ta phải viết <hr/>

Ví dụ đơn giản:
Basic html
Code: [Select]
Mọi người trên thế giới đều có quye62nj yêu, quyền cưới vợ hay lay61 chồng
giàu<hr/><i>trích đâu đó</i>

kết quả

Mọi người trên thế giới đều có quyền yêu, quyền cưới vợ hay lấy chồng giàu

trích đâu đó

thẻ hr có những thuộc tính cơ bản như là id,calls nhưng còn có thể hiệu chỉnh màu:

<hr color="#ff0000" />