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

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] Headings thì như thế này nè kết quả: He

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

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

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]

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:

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" />