➤ HTML AND CSS

HTML là một ngôn ngữ đánh dấu được thiết kế ra để tạo nên các trang web với các mẩu thông tin được trình bày trên World Wide Web. CSS là một ngôn ngữ được sử dụng để tìm và định dạng lại các phần tử được tạo ra bởi các ngôn ngữ đánh dấu ( ví dụ như HTML ). Cùng với JavaScript , HTML và CSS tạo ra bộ ba nền tảng kĩ thuật cho World Wide Web.

1. HTML and CSS

↳ • 1.1 • Learn HTML ⇗
↳ • 1.1.b • HTML Forms↳ • HTML Forms ⇗↳ • HTML Form Elements ⇗↳ • HTML Input Types ⇗↳ • HTML Input Attributes ⇗
↳ • 1.1.d • HTML Graphics↳ • HTML Canvas ⇗↳ • HTML SVG ⇗↳ • HTML Google Maps ⇗
↳ • 1.1.e • HTML Media↳ • HTML Media ⇗↳ • HTML Video ⇗↳ • HTML Audio ⇗↳ • HTML Plug-ins ⇗↳ • HTML YouTube ⇗
↳ • 1.2 • Learn CSS ⇗
↳ • 1.2.d • CSS Grid↳ • Grid Intro ⇗↳ • Grid Container ⇗↳ • Grid Item ⇗
↳ • 1.2.e • CSS Examples↳ • CSS Templates ⇗↳ • CSS Examples ⇗↳ • CSS Quiz ⇗↳ • CSS Exercises ⇗↳ • CSS Certificate ⇗
↳ • 1.3 • Learn W3.CSS ⇗
↳ • 1.3.c • Examples↳ • W3.CSS Examples ⇗↳ • W3.CSS Demos ⇗↳ • W3.CSS Templates ⇗
↳ • 1.3.d • References↳ • W3.CSS Reference ⇗↳ • W3.CSS Downloads ⇗
↳ • 1.4 • Learn Colors ⇗
↳ • 1.5 • Learn Bootstrap 3 ⇗
↳ • 1.5.b • Bootstrap Grids↳ • BS Grid System ⇗↳ • BS Stacked/Horizontal ⇗↳ • BS Grid Small ⇗↳ • BS Grid Medium ⇗↳ • BS Grid Large ⇗↳ • BS Grid Examples ⇗
↳ • 1.5.c • Bootstrap Themes↳ • BS Templates ⇗↳ • BS Theme "Simply Me" ⇗↳ • BS Theme "Company" ⇗↳ • BS Theme "Band" ⇗
↳ • 1.5.d • Bootstrap Exam↳ • BS Examples ⇗↳ • BS Quiz ⇗↳ • BS Certificate ⇗
↳ • 1.5.e • Bootstrap CSS Ref↳ • CSS All Classes ⇗↳ • CSS Typography ⇗↳ • CSS Buttons ⇗↳ • CSS Forms ⇗↳ • CSS Helpers ⇗↳ • CSS Images ⇗↳ • CSS Tables ⇗↳ • CSS Dropdowns ⇗↳ • CSS Navs ⇗↳ • Glyphicons ⇗
↳ • 1.5.f • Bootstrap JS Ref↳ • JS Affix ⇗↳ • JS Alert ⇗↳ • JS Button ⇗↳ • JS Carousel ⇗↳ • JS Collapse ⇗↳ • JS Dropdown ⇗↳ • JS Modal ⇗↳ • JS Popover ⇗↳ • JS Scrollspy ⇗↳ • JS Tab ⇗↳ • JS Tooltip ⇗
↳ • 1.6 • Learn Bootstrap 4 ⇗
↳ • 1.7 • Learn Icons ⇗
↳ • 1.8 • Learn Graphics ⇗
↳ • 1.8.a • HTML Graphics↳ • Graphics HOME ⇗
↳ • 1.8.b • Google Maps↳ • Maps Intro ⇗↳ • Maps Basic ⇗↳ • Maps Overlays ⇗↳ • Maps Events ⇗↳ • Maps Controls ⇗↳ • Maps Types ⇗↳ • Maps Reference ⇗
↳ • 1.8.d • Canvas Tutorial↳ • Canvas Intro ⇗↳ • Canvas Drawing ⇗↳ • Canvas Coordinates ⇗↳ • Canvas Gradients ⇗↳ • Canvas Text ⇗↳ • Canvas Images ⇗↳ • Canvas Reference ⇗
↳ • 1.8.e • Canvas Clock↳ • Clock Intro ⇗↳ • Clock Face ⇗↳ • Clock Numbers ⇗↳ • Clock Hands ⇗↳ • Clock Start ⇗
↳ • 1.9 • Learn How To ⇗
↳ • 1.9.a • HOW TO↳ • HowTo Home ⇗
↳ • 1.9.f • Filters↳ • Filter List ⇗↳ • Filter Table ⇗↳ • Filter Elements ⇗↳ • Filter Dropdown ⇗↳ • Sort List ⇗↳ • Sort Table ⇗
↳ • 1.9.g • Tables↳ • Zebra Striped Table ⇗↳ • Responsive Tables ⇗↳ • Comparison Table ⇗
↳ • 1.9.k • Google↳ • Google Maps ⇗↳ • Google Maps BW ⇗↳ • Google Translate ⇗↳ • Google Charts ⇗↳ • Google Fonts ⇗
↳ • 1.9.l • Converters↳ • Convert Weight ⇗↳ • Convert Temperature ⇗↳ • Convert Length ⇗↳ • Convert Speed ⇗
↳ • 1.9.m • Python↳ • Remove List Duplicates ⇗↳ • Reverse a String ⇗
↳ • 1.9.h • More↳ • Fullscreen Video ⇗↳ • Modal Boxes ⇗↳ • Timeline ⇗↳ • Scroll Indicator ⇗↳ • Progress Bars ⇗↳ • Skill Bar ⇗↳ • Range Sliders ⇗↳ • Tooltips ⇗↳ • Popups ⇗↳ • Collapsible ⇗↳ • Calendar ⇗↳ • HTML Includes ⇗↳ • To Do List ⇗↳ • Loaders ⇗↳ • Star Rating ⇗↳ • User Rating ⇗↳ • Overlay Effect ⇗↳ • Contact Chips ⇗↳ • Cards ⇗↳ • Flip Card ⇗↳ • Profile Card ⇗↳ • Product Card ⇗↳ • Alerts ⇗↳ • Callout ⇗↳ • Notes ⇗↳ • Labels ⇗↳ • Circles ⇗↳ • Style HR ⇗↳ • Coupon ⇗↳ • List Group ⇗↳ • Responsive Text ⇗↳ • Cutout Text ⇗↳ • Glowing Text ⇗↳ • Fixed Footer ⇗↳ • Sticky Element ⇗↳ • Equal Height ⇗↳ • Clearfix ⇗↳ • Responsive Floats ⇗↳ • Snackbar ⇗↳ • Fullscreen Window ⇗↳ • Scroll Drawing ⇗↳ • Smooth Scroll ⇗↳ • Gradient Bg Scroll ⇗↳ • Sticky Header ⇗↳ • Shrink Header on Scroll ⇗↳ • Pricing Table ⇗↳ • Parallax ⇗↳ • Aspect Ratio ⇗↳ • Toggle Like/Dislike ⇗↳ • Toggle Hide/Show ⇗↳ • Toggle Text ⇗↳ • Toggle Class ⇗↳ • Add Class ⇗↳ • Remove Class ⇗↳ • Active Class ⇗↳ • Tree View ⇗↳ • Remove Property ⇗↳ • Offline Detection ⇗↳ • Find Hidden Element ⇗↳ • Redirect Webpage ⇗↳ • Zoom Hover ⇗↳ • Flip Box ⇗↳ • Center Vertically ⇗↳ • Transition on Hover ⇗↳ • Arrows ⇗↳ • Shapes ⇗↳ • Download Link ⇗↳ • Full Height Element ⇗↳ • Browser Window ⇗↳ • Custom Scrollbar ⇗↳ • Device Look ⇗↳ • Placeholder Color ⇗↳ • Text Selection Color ⇗↳ • Bullet Color ⇗↳ • Vertical Line ⇗↳ • Animate Icons ⇗↳ • Countdown Timer ⇗↳ • Typewriter ⇗↳ • Coming Soon Page ⇗↳ • Chat Messages ⇗↳ • Popup Chat Window ⇗↳ • Split Screen ⇗↳ • Testimonials ⇗↳ • Section Counter ⇗↳ • Quotes Slideshow ⇗↳ • Closable List Items ⇗↳ • Typical Device Breakpoints ⇗↳ • Draggable HTML Element ⇗↳ • JS Media Queries ⇗↳ • Syntax Highlighter ⇗↳ • JS Animations ⇗↳ • Get Iframe Elements ⇗