Ở bài trước các bạn đã làm quen với lập trình html bằng phần mềm notepad++
Bài này ta học qua các ví dụ để hiểu sâu hơn nhé.
HTML Các ví dụ cơ bản
Đừng lo lắng nếu các ví dụ sử dụng các thẻ mà bạn không hiểu được.
Bạn sẽ tìm hiểu về nó trong các chương tiếp theo.
Tài liệu HTML
Tất cả các tài liệu HTML phải bắt đầu với một tuyên
bố loại: <! DOCTYPE html>.
Các tài liệu HTML của chính nó (tức là đuôi file mình save lại la .html) bắt đầu bằng
<html> và kết thúc bằng </ html>.
Các phần nhìn thấy được của tài liệu HTML là giữa
<body> và </ body>.
Thí dụ
<!DOCTYPE html><html><body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body></html>
Hãy thử nó bằng notepad++ nhé. Nếu ai chưa biết dùng notepad++ thì đọc bài này:
HTML Headings
Tiêu đề HTML được định nghĩa với <h1> đến
<h6> thẻ:
Thí dụ
<h1>This is a heading</h1><h2>This is a heading</h2><h3>This is a heading</h3>
Thử nó với notepad++ nhé
HTML Paragraph
Đoạn HTML được định nghĩa với các thẻ <p>:
Thí dụ
<p>This is a paragraph.</p><p>This is another paragraph.</p>
Liên kết HTML (link)
HTML liên kết được định nghĩa với các từ khóa <a>:
Thí dụ
<a href="http://www.w3schools.com">This is a link</a>
Đích của liên kết được quy định trong thuộc tính
href.
Các thuộc tính được sử dụng để cung cấp thêm thông
tin về các yếu tố HTML.
HTML Images
Hình ảnh HTML được định nghĩa với các thẻ
<img>.
Các tập tin nguồn (src), văn bản thay thế (alt) và
kích thước (chiều rộng và chiều cao) được cung cấp như các thuộc tính:
Thí dụ
<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">Ví dụ mình gõ vào Notepad++ dòng lệnh như dưới
<html><body>Sẽ được như hình dưới:
<img src="logo1.jpg" alt="webchoban.com" width="104" height="142">
</body></html>
Bài 3 đến đây tạm nghĩ nhé bạn! Hy vọng các bạn đừng nóng vội mà hãy cố gắng làm đi làm lại nhiều lần cho thành thục. biến code như ngôn ngữ viết của mình
Chúc các bạn thành công!
Đọc tiếp bài 4:
0 Bình luận:
Đăng nhận xét
Khi các bạn đóng góp ý kiến nhớ chú ý ngôn từ cho phù hợp với thuần phong ,mỹ tục văn hóa nước ta. Cảm ơn!