Báo cáo tìm hiểu về ngôn ngữ đánh dấu siêu văn bản HTML
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (729.64 KB, 14 trang )
Bá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>,
…
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
2.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à
, , , , , .
3.Thẻ biểu diễn đoạn văn trong HTML
Thẻ
, , , .
3.Thẻ biểu diễn đoạn văn trong HTML
Thẻ
, .
3.Thẻ biểu diễn đoạn văn trong HTML
Thẻ
3.Thẻ biểu diễn đoạn văn trong HTML
Thẻ
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ở
và 1 thẻ đóng
.4.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.
5.Thẻ xuống dòng
Thẻ
đá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
6.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
7.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
8.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ự
9.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ự
10.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>.
11.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>
12.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
Ngoà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.
