Website #01: HTML cơ bản
•Download as PPTX, PDF•
1 like•2,300 views
Đây là bài giới thiệu cơ bản về HTMLBài thuyết trình đi từ tổng quan đến chi tiết, giúp cho các bạn hiểu cấu trúc cơ bản của một trang HTML và các thẻ cơ bản.
Website #01: HTML cơ bản
- 1. Website #01: HTML cơ bản Lương Thành Lợi http://clbinternet.info
- 2. I. Cấu trúc cơ bản của một trang html II. Cấu trúc cơ bản của một thẻ html III. Các thẻ cơ bản trong html IV Một số ký tự đặc biệt
- 3. I. Cấu trúc cơ bản của một trang HTML
- 5. <!DOCTYPE html> <html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html> Example:
- 7. Ứng với mỗi version cách khai báo DOCTYPE khác nhau
- 8. II. Cấu trúc cơ bản của một thẻ HTML
- 9. Một số ví dụ: <p>This is a paragraph </p> <a href="google.com"> Google </a> <br> <hr>
- 10. Tóm lại: <tagname> content </tagname>
- 11. III. Các thẻ cơ bản trong HTML
- 12. 1. Các thẻ định dạng văn bản: - In đậm: <b> Chữ này được in đậm </b> - In nghiêng: <i> Nghiêng nghiêng </i> - Highlight: <p> <mark>Highlight là như thế này </mark> </p> - Đoạn văn bản: <p>Trong này là đoạn văn bản </p> - Tiêu đề: <h1> Tiêu đề lớn </h1> <h2> Tiêu đề nhỏ hơn chút h1 xíu</h2>
- 13. 2. Thuộc tính của thẻ html: Vd: Thẻ liên kết trang: <a href="url"> link text </a> Thẻ hình ảnh: <img src=/slideshow/html-40012497/40012497/“tèo.jpg" width=“105" height=“105">
- 14. 3. Định dạng danh sách: //Danh sách không sắp xếp <ul> <li>Sam sung</li> <li>Apple</li> <li>Nokia</li> <li>Sony</li> </ul> //Danh sách được sắp xếp <ol> <li>Sam sung</li> <li>Apple</li> <li>Nokia</li> <li>Sony</li> </ol>
- 15. Sự khác nhau: <ul> <ol>
- 16. 4. Định dạng ản:
- 17. Thêm border: <table style="width:50%" border="1px solid black"> …
- 18. Rowspan:
- 19. Colspan:
- 20. IV. Một số kí tự đặt biệt trong HTML
- 24. Bài tâp 1: Dùng định dạng văn bản để soạn một đoạn thơ, 1 bài văn. Trong đó thể hiện được thụt dòng, in đậm, nghiêng, trang trí hoa văn...
- 25. Bài tập 2: Dùng định dạng bảng để tạo nên một trang HTML có giao diện bao gồm - Banner, Menu, Content Body,Content Header, Footer - Trong đó: + Banner thể hiện hình ảnh + Menu thể hiện các liên kết trang + Content Body là một đoạn văn bản sử dụng các tag định dạng văn bản, hình ảnh, video... + Content Header thể hiện thông tin cá nhân người làm + Footer thể hiện thông tin CLB
Editor's Notes
- #4: The DOCTYPE declaration defines the document type The text between <html> and </html> describes the web document The text between <body> and </body> describes the visible page content The text between <h1> and </h1> describes a heading The text between <p> and </p> describes paragraph
- #6: The DOCTYPE declaration defines the document type The text between <html> and </html> describes the web document The text between <body> and </body> describes the visible page content The text between <h1> and </h1> describes a heading The text between <p> and </p> describes paragraph
- #7: History
- #8: Rút ra nhận xét: HTML5 là đơn giản nhất
- #9: Lấy lại ví dụ này vì trong đó cũng là những thẻ trong html
- #10: Chú ý thẻ <br> , <hr>
- #11: Tóm lại: 1 thẻ html “thường” có 3 thành phần chính Thẻ bắt đầu + nội dung + thẻ kết thúc
- #14: HTML elements can have attributes Attributes provide additional information about an element Attributes are always specified in the start tag Attributes come in name/value pairs like: name="value"
- #17: Thẻ <table> định dạng bảng Đinh dạng dòng với thẻ <tr> Mỗi dòng được chia thành nhiều ô,