Tìm hiểu về các thẻ, cách dùng trong HTML ( Ngôn ngữ đánh dấu siêu văn bản )
Trang 1Báo cáo thực hành
Chủ đề tìm hiểu về các thẻ trong HTML
Họ và tên : Nguyễn Quang Huy
Lớp : Khoa học máy tính 03 – K63
MSSV : 20183554
• Định nghĩa : Thẻ HTML là được sử dụng để đánh dấu các thành
phần khác nhau của trang siêu văn bản Mỗi thành phần khác nhau
sẽ sử dụng các thẻ khác nhau
Thẻ bao gồm thẻ mở ( <tên thẻ> ) và thẻ đóng ( </tên thẻ> ) Tuy nhiên 1 số thẻ chỉ có thẻ mở ví dụ như <image>, <br>…
1.Thẻ <html>, <head>, <title>, <body>
Thẻ <html> là để đánh dấu các đoạn văn bản nằm trong 2 thẻ này
là ngôn ngữ siêu văn bản HTML
Thẻ <head> là đánh dấu phần mở đầu HTML
Thẻ <title> để xác định tiêu đề của HTML
Thẻ<body> để đánh dấu phần thân của HTML
Trang 22.Thẻ hiển thị đầu đề (heading)
HTML có 6 cỡ chữ khác nhau cho đầu đề, sử dụng các thẻ cơ bản là
<h1>, <h2>, <h3>, <h4>, <h5>, <h6>
Trang 33.Thẻ biểu diễn đoạn văn trong HTML
Thẻ <p> giúp chiatrúc tài liệu HTML thành các đoạn văn khác nhau Mỗi đoạn văn sẽ ở trong 1 thẻ mở <p> và 1 thẻ đóng </p>
Trang 44.Thẻ hiển thị dòng ngang trong HTML
Thẻ <hr> tạo 1 dòng ngang từ vị trí hiện tại trong tài liệu đến lề bên phải
và do đó tạo ra 1 dòng ngắt Thẻ <hr> dùng để ngăn cách các khu vực trong tài liệu
Trang 55.Thẻ xuống dòng
Thẻ <br> đánh dấu đến vị trí này đoạn văn bản sẽ bị tách xuống dưới dòng tiếp theo
Trang 66.Thẻ bôi đen và nhấn mạnh
Thẻ <b> và <strong> dùng để bôi đen 1 đoạn văn bản, về bản chất thì 2 thẻ này khác nhau ở chỗ là thẻ <b> chỉ dùng để bôi đen còn thẻ <strong> thì vừa bôi đen vừa nhấn mạnh nhưng khi trình bày trên trang web thì không khác nhau là mấy lên em xin gộp 2 thẻ này vào một phần
Trang 77.Thẻ in nghiên, thẻ chữ nhỏ, thẻ gạch giữa, thẻ nhảy xuống dưới, thẻ nhảy lên trên
Thẻ <i> có tác dụng in nghiên 1 đoan text
Thẻ <small> để định dạng cho chữ nhỏ hơn bình thường
Thẻ <del> được dùng để gạch giữa đoạn văn
Thẻ <sub> để cho dòng chữ nhảy xuống dưới so với đoạn văn
Thẻ <sup> để cho dòng chữ nhảy lên trên so với đoạn văn
Trang 88.Thẻ xác định 1 danh sách chưa được sắp xếp theo thứ tự
Thẻ <ul> và <li> dùng để xác định 1 danh sách chưa được sắp xếp theo thứ tự
Trang 99.Thẻ xác định 1 danh sách đã được sắp xếp theo thứ tự ( theo số, hoặc chữ cái …)
Thẻ <ol> và <li> dùng để xác định 1 danh sách đã được sắp xếp theo thứ tự
Trang 1010.Thẻ định dạng 1 bảng đơn giản trong HTML
Cú pháp
<table border=”1” cellspacing=”0” cellspadding=”5”>
<tr>
<td>Hang 1 Cot 1</td>
<td>Hang 1 Cot 2</td>
</tr>
<tr>
<td>Hang 2ot 1</td>
<td>Hang 2Cot 2</td>
</tr>
</table>
Trong đó thuộc tính border là khai báo đường viền của bảng, thuộc tính cellspacing khai báo khoảng cách giữa viền trên và viền dưới, thuộc tính Cellspadding khai báo khoảng cách giữa nội dung trong ô và nội dung đường viền Nếu muốn thêm cột thì thêm 1 thẻ <td>, nếu muốn thêm 1 hàng thì thêm thẻ <tr>
Trang 1111.Thẻ tạo links trong HTML
Thẻ <a> dùng để tạo đường link trong HTML
Cú pháp : <a href=”pichiasekienthuc.blogspot.com”>Tên đường links</a>
Trang 1212.Thẻ hiển thị hình ảnh trong HTML
Thẻ <img> dùng để hiển thị hình ảnh trong HTML
Cú pháp : <img src=”url_to_img”>
Thẻ <img> còn 1 số thuộc tính khác nhưng em xin phép không đề cập tới trong báo cáo thực hành này
13.Thẻ tạo 1 dòng chữ chạy
Thẻ <marquee> được hỗ trợ để tạo 1 dòng chữ chạy trên trang web
Trang 14Ngoài ra còn rất nhiều thẻ khác như <video>, <var>, <wbr>, <u>, <tt>,
… mỗi thẻ có các chức năng riêng nhưng em xin phép được đề cập các thẻ hay dùng ở trên Bài báo cáo của em xin được kết thúc tại đây Do là bài báo cáo đầu tiên nên về phương pháp làm chưa được lắm rõ với lại cách làm báo cáo cũng chưa rõ lên có gì sai sót mong thầy giáo sửa lỗi
và hướng dẫn để lần sau em có thể làm báo cáo tốt hơn