Kiến tha lâu đầy tổ

Các kiến thức được tích lũy theo thời gian. Hãy kiên trì và chăm chỉ.

Tổng hợp kiến thức kỹ năng công nghệ học được

Các nội dung đang được tích lũy và bổ sung thêm theo thời gian

Tin học văn phòng

Tổng hợp các kỹ năng tin học văn phòng hỗ trợ trong công việc như Word - Excel - Power Point

Kiến thức về cơ sở dữ liệu

Thao tác với cơ sở dữ liệu, ngôn ngữ SQL trên SQL Server và MySQL

Kiến thức cơ bản về lập trình Web

Một số khái niệm cơ bản về lập trình web

Chủ Nhật, 6 tháng 10, 2013

Bài 6 – Các thành phần trong HTML – Thẻ hình ảnh

rong HTML, để chèn một hình ảnh ta sử dụng thẻ <img />.


Trước tiên, chúng ta cần một bức hình, ở đây, tôi dùng bức hình này
about-landscapes-nature
B1: Tạo file bai6.html, lưu file vào cùng chung thư mục với nơi lưu bức hình. Nhập đoạn code sau vào filebai6.html
1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html >
<html>
<head>
<title>Bài 6 - Thẻ hình ảnh</title>
</head>
 
<body>
    <img src="about-landscapes-nature.jpg" width="600" />
</body>
</html>
Thuộc tính src để xác định đường dẫn đến ảnh.
Thuộc tính width dùng để thiết lập lại độ rộng của bức ảnh(tính theo pixel).
B2: Mở file bai6.html với trình duyệt
1

Thứ Sáu, 4 tháng 10, 2013

Bài 4 – Các thành phần trong HTML – Các thẻ định dạng kiểu văn bản

HTML hỗ trợ các thẻ định dạng kiểu văn bản hoặc chuỗi.


Thẻ <b></b> và thẻ <strong></strong>

Định dạng kiểu chữ in đậm.
Ví dụ
1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html>
<head>
<title>Bài 4 - Định dạng chuỗi</title>
</head>
 
<body>
    <p>Lorem ipsum <b>dolor sit</b> amet, consectetur <strong>adipiscing</strong> elit.</p>
</body>
</html>
Kết quả
1

Thẻ <i></i> và thẻ <em></em>

Định dạng kiểu chữ in nghiêng.
Ví dụ
1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html>
<head>
<title>Bài 4 - Định dạng chuỗi</title>
</head>
 
<body>
    <p>Lorem ipsum <i>dolor sit</i> amet, consectetur <em>adipiscing</em> elit.</p>
</body>
</html>
Kết quả
1

Thẻ <u></u>

Định dạng kiểu chữ gạch chân.
Ví dụ
1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html>
<head>
<title>Bài 4 - Định dạng chuỗi</title>
</head>
 
<body>
    <p>Lorem ipsum dolor sit amet, <u>consectetur adipiscing elit</u>.</p>
</body>
</html>
Kết quả
1

Các bạn có thể tham khảo thêm tại http://www.w3schools.com/html/html_formatting.asp