Download: https://www.sublimetext.
com/3
HTML5 - 1. Setting Up Front-End Developer Environment https://www.techartvn.com/academy
Download: https://www.google.com/chrome/
HTML5 - 1. Setting Up Front-End Developer Environment https://www.techartvn.com/academy
Download: https://www.google.com/chrome/
HTML5 - 2. Webpage Structure https://www.techartvn.com/academy
Download: https://www.google.com/chrome/
HTML5 - 2. Webpage Structure https://www.techartvn.com/academy
Download: https://www.google.com/chrome/
HTML5 - 2. Webpage Structure https://www.techartvn.com/academy
Open Sublime Text
File – new file – site >> index.html
File – save
HTML5 - 3. Your First Webpage https://www.techartvn.com/academy
Download: https://www.google.com/chrome/
HTML5 - 2. Webpage Structure https://www.techartvn.com/academy
Ref : https://www.apple.com/
Ref: https://www.ebay.com/
View Page Source
HTML5 - 2. Webpage Structure https://www.techartvn.com/academy
Open Sublime Text
File – new file – site >> index.html
File – save
Right click – Open in web browser
Double click – index.html
HTML5 - 3. Your First Webpage https://www.techartvn.com/academy
Open Sublime Text
File – new file – site >> index.html
File – save
Right click – Open in web browser
Double click – index.html
HTML5 - 4. Headings https://www.techartvn.com/academy
Open Sublime Text
File – new file – site >> index.html
File – save
Right click – Open in web browser
Double click – index.html
HTML5 - 4. Headings https://www.techartvn.com/academy
Open Sublime Text
File – new file – site >> index.html
File – save
Right click – Open in web browser
Double click – index.html
HTML5 - 5. Paragraph https://www.techartvn.com/academy
Ref: https://en.wikipedia.org/wiki/Lemonade
Cannot change html look with add extra empty lines, spaces
Using pre tag – preformatted tag
HTML5 - 5. Paragraph https://www.techartvn.com/academy
HTML5 - 6. Formatting Text https://www.techartvn.com/academy
HTML5 - 6. Formatting Text https://www.techartvn.com/academy
HTML5 - 6. Formatting Text https://www.techartvn.com/academy
HTML5 - 6. Formatting Text https://www.techartvn.com/academy
HTML5 – 19. Inline Block Elements https://www.techartvn.com/academy
Details: https://www.w3schools.com/html/html_blocks.asp
HTML5 – 19. Block Inline Elements https://www.techartvn.com/academy
Order List UnOrder List
HTML5 - 7. Ordered/Unordered Lists https://www.techartvn.com/academy
HTML5 - 7. Ordered Lists https://www.techartvn.com/academy
HTML5 - 8. Unordered Lists https://www.techartvn.com/academy
Use list-style attribute to change bullet
Ref: https://www.w3schools.com/css/css_list.asp
HTML5 - 8. Unordered Lists https://www.techartvn.com/academy
HTML5 - 9. Nested Lists https://www.techartvn.com/academy
HTML5 - 9. Nested Lists https://www.techartvn.com/academy
HTML5 - 10. Image https://www.techartvn.com/academy
Right click – Copy Image Address
Right click – Save Image As
HTML5 - 10. Image https://www.techartvn.com/academy
Right click – Copy Image Address
Right click – Save Image As
Show alt text in case not found image path
HTML5 - 10. Image https://www.techartvn.com/academy
Right click – Copy Image Address
Right click – Save Image As
HTML5 - 10. Image https://www.techartvn.com/academy
Right click – Copy Image Address
Right click – Save Image As
HTML5 - 10. Image https://www.techartvn.com/academy
Right click – Copy Image Address
Right click – Save Image As
HTML5 - 10. Image https://www.techartvn.com/academy
Right click – Copy Image Address
Right click – Save Image As
Default image Unit: px
HTML5 - 10. Image https://www.techartvn.com/academy
Create table.html file
HTML5 - 11. Tables https://www.techartvn.com/academy
Create table.html file
HTML5 - 11. Tables https://www.techartvn.com/academy
By default, the text in <th> elements are bold and centered.
By default, the text in <td> elements are regular and left-aligned
HTML5 - 11. Tables https://www.techartvn.com/academy
Create table.html file
HTML5 - 11. Tables https://www.techartvn.com/academy
Create table.html file
HTML5 - 11. Tables https://www.techartvn.com/academy
Add caption in front of first tr Table formatted
https://css-tricks.com/useful-nth-child-recipies/ Border: 1px
Cellspace: 0
Cellpadding: 5
HTML5 - 11. Tables https://www.techartvn.com/academy
https://css-tricks.com/useful-nth-child-recipies/
colspan: Allows a single table cell to span the HTML5: <thead> <tbody> <tfoot>
width of more than one cell or column
rowspan: Allows a single table cell to span the
height of more than one cell or row
HTML5 - 11. Tables https://www.techartvn.com/academy
Hyper Link: Can be a text, image, component.
When we click it will jump to another webpage
Ref: https://www.ebay.com/
HTML5 - 12. Anchor tag https://www.techartvn.com/academy
Hyper Link: Can be a text, image, component.
When we click it will jump to another webpage
Ref: https://www.ebay.com/
HTML5 - 12. Links https://www.techartvn.com/academy
Hyper Link: Can be a text, image, component.
When we click it will jump to another webpage
Ref: https://www.ebay.com/
block: id
HTML5 - 12. Links https://www.techartvn.com/academy
Page down: href=“path“
page-2: page-2.html
page-3: folder/page-3.html
page-4: folder/subfolder/page-4.html
HTML5 - 13. Relative Links https://www.techartvn.com/academy
Page up: href=“path“
page-2: index.html
page-3: ../index.html
page-4: ../../index.html
HTML5 - 13. Relative Links https://www.techartvn.com/academy
HTML5 – 14. UTF-8 https://www.techartvn.com/academy
Ref: https://unicode-table.com/
HTML5 – 14. UTF-8 https://www.techartvn.com/academy
Ref: https://unicode-table.com/en/#00A9
HTML5 – 14. UTF-8 https://www.techartvn.com/academy
Ref: https://unicode-table.com
Ref: https://www.w3schools.com/html/html_symbols.asp
HTML5 – 15. Special symbols https://www.techartvn.com/academy
Ref: https://unicode-table.com
Ref: https://www.w3schools.com/html/html_symbols.asp
HTML5 – 15. Special symbols https://www.techartvn.com/academy
HTML5 – 16. Multimedia https://www.techartvn.com/academy
create mutlmedia.html
HTML5 – 16. Multimedia https://www.techartvn.com/academy
Ref: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video
HTML5 – 16. Multimedia https://www.techartvn.com/academy
Ref: https://www.w3schools.com/tags/tag_video.asp
HTML5 – 16. Multimedia https://www.techartvn.com/academy
Ref: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio
HTML5 – 16. Multimedia https://www.techartvn.com/academy
Ref: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio
HTML5 – 16. Multimedia https://www.techartvn.com/academy
Ref: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio
HTML5 – IFrame https://www.techartvn.com/academy
Ref: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio
HTML5 – IFrame https://www.techartvn.com/academy
HTML5 – 17. Division https://www.techartvn.com/academy
HTML5 – 17. Division https://www.techartvn.com/academy
HTML5 – 18. Span https://www.techartvn.com/academy
Ref: https://signup.ebay.com/pa/crte
HTML5 – 20. Form https://www.techartvn.com/academy
Ref: https://signup.ebay.com/pa/crte
HTML5 – 20. Form https://www.techartvn.com/academy
HTML5 – 20. Form https://www.techartvn.com/academy
HTML5 – 20. Form https://www.techartvn.com/academy
https://developer.mozilla.org/en-US/docs/Learn/Forms/HTML5_input_types
HTML5 – 20. Form https://www.techartvn.com/academy
HTML5 – 20. Form https://www.techartvn.com/academy
HTML5 – 20. Form https://www.techartvn.com/academy
format code: Edit > Line > Reindent
copy line: Ctrl Shift D
delete row: Ctrl X
HTML5 - Title https://www.techartvn.com/academy
