SlideShare ist ein Scribd-Unternehmen logo
1 von 4
Downloaden Sie, um offline zu lesen
Bước đầu làm quen với HTML
HTML - nền tảng của web
HTML: HyperText Markup Language – ngôn ngữ đánh dấu siêu văn bản.
- Do Tim Berner-Lee phát minh và trở thành ngôn ngữ chuẩn để tạo trang web.
- HTML dùng các thẻ (tags) để định dạng dữ liệu
- Tạo khung/bảng cho trang web
Hình 1: Xử lý yêu cầu với web động
1. Cấu trúc trang HTML
Hình 2: cấu trúc trang HTML
2. Các thẻ cơ bản HTML
Các thành phần cơ bản (tag, element, property)
- Các thẻ HTML cơ bản.
- Thẻ định dạng trang: <body>
- Thẻ định dạng văn bản: <font>, <p>, <b>, <i>, <u>…
- Thẻ tạo siêu liên kết (hyperlink): <a>
- Thẻ định dạng danh sách: <ul>, <ol>, <li>
- Thẻ chèn hình ảnh: <img>
2.1. Các thành phần cơ bản
Thẻ (tag): là một tập hợp ký hiệu được định nghĩa trong HTML có ý nghĩa đặc biệt.
- thẻ bắt đầu bởi "<" và kết thúc bởi ">"
- thẻ mở: <tên thẻ>
- thẻ đóng: </tên thẻ>
- Phần tử (element): có thể bao gồm thẻ mở, thẻ đóng và nội dung bên trong cặp thẻ mở, đóng.
- Có hai loại phần tử trong HTML
- Phần tử chứa nội dung: bao gồm thẻ mở và thẻ đóng
- VD: <p> Nội dung </p>
- Phần tử rỗng: bao gồm một thẻ
- VD: <br> có thể viết là </br> hoặc < br />
2.2. Thẻ định dạng văn bản
Hình 3: Thẻ định dạng văn bản
3. Tổng kết
Như vậy chúng ta đã bước đầu nắm được những kiến thức cơ bản về HTML - một công cụ để
thiết kế web site- liên quan đến ngôn ngữ PHP để lập trình web mà tôi đã giới thiệu ở những bài
trước(Tự học PHP căn bản). bởi vì ngôn ngữ PHP có thể dễ dàng nhúng trực tiếp vào HTML

Weitere ähnliche Inhalte

Empfohlen

Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at WorkGetSmarter
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...DevGAMM Conference
 
Barbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationErica Santiago
 
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them wellGood Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them wellSaba Software
 
Introduction to C Programming Language
Introduction to C Programming LanguageIntroduction to C Programming Language
Introduction to C Programming LanguageSimplilearn
 
The Pixar Way: 37 Quotes on Developing and Maintaining a Creative Company (fr...
The Pixar Way: 37 Quotes on Developing and Maintaining a Creative Company (fr...The Pixar Way: 37 Quotes on Developing and Maintaining a Creative Company (fr...
The Pixar Way: 37 Quotes on Developing and Maintaining a Creative Company (fr...Palo Alto Software
 
9 Tips for a Work-free Vacation
9 Tips for a Work-free Vacation9 Tips for a Work-free Vacation
9 Tips for a Work-free VacationWeekdone.com
 

Empfohlen (20)

Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
 
Barbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy Presentation
 
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them wellGood Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
 
Introduction to C Programming Language
Introduction to C Programming LanguageIntroduction to C Programming Language
Introduction to C Programming Language
 
The Pixar Way: 37 Quotes on Developing and Maintaining a Creative Company (fr...
The Pixar Way: 37 Quotes on Developing and Maintaining a Creative Company (fr...The Pixar Way: 37 Quotes on Developing and Maintaining a Creative Company (fr...
The Pixar Way: 37 Quotes on Developing and Maintaining a Creative Company (fr...
 
9 Tips for a Work-free Vacation
9 Tips for a Work-free Vacation9 Tips for a Work-free Vacation
9 Tips for a Work-free Vacation
 

Bước đầu làm quen với html

  • 1. Bước đầu làm quen với HTML HTML - nền tảng của web HTML: HyperText Markup Language – ngôn ngữ đánh dấu siêu văn bản. - Do Tim Berner-Lee phát minh và trở thành ngôn ngữ chuẩn để tạo trang web. - HTML dùng các thẻ (tags) để định dạng dữ liệu - Tạo khung/bảng cho trang web Hình 1: Xử lý yêu cầu với web động
  • 2. 1. Cấu trúc trang HTML Hình 2: cấu trúc trang HTML 2. Các thẻ cơ bản HTML Các thành phần cơ bản (tag, element, property) - Các thẻ HTML cơ bản. - Thẻ định dạng trang: <body> - Thẻ định dạng văn bản: <font>, <p>, <b>, <i>, <u>… - Thẻ tạo siêu liên kết (hyperlink): <a> - Thẻ định dạng danh sách: <ul>, <ol>, <li> - Thẻ chèn hình ảnh: <img>
  • 3. 2.1. Các thành phần cơ bản Thẻ (tag): là một tập hợp ký hiệu được định nghĩa trong HTML có ý nghĩa đặc biệt. - thẻ bắt đầu bởi "<" và kết thúc bởi ">" - thẻ mở: <tên thẻ> - thẻ đóng: </tên thẻ> - Phần tử (element): có thể bao gồm thẻ mở, thẻ đóng và nội dung bên trong cặp thẻ mở, đóng. - Có hai loại phần tử trong HTML - Phần tử chứa nội dung: bao gồm thẻ mở và thẻ đóng - VD: <p> Nội dung </p> - Phần tử rỗng: bao gồm một thẻ - VD: <br> có thể viết là </br> hoặc < br /> 2.2. Thẻ định dạng văn bản
  • 4. Hình 3: Thẻ định dạng văn bản 3. Tổng kết Như vậy chúng ta đã bước đầu nắm được những kiến thức cơ bản về HTML - một công cụ để thiết kế web site- liên quan đến ngôn ngữ PHP để lập trình web mà tôi đã giới thiệu ở những bài trước(Tự học PHP căn bản). bởi vì ngôn ngữ PHP có thể dễ dàng nhúng trực tiếp vào HTML