SlideShare a Scribd company logo
1 of 4
Download to read offline
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

More Related Content

Featured

PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
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
 

Featured (20)

PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
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
 

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