{"id":1289,"date":"2021-11-10T08:33:49","date_gmt":"2021-11-10T08:33:49","guid":{"rendered":"https:\/\/topviecit.vn\/blog\/?p=1289"},"modified":"2021-11-10T08:33:49","modified_gmt":"2021-11-10T08:33:49","slug":"khac-biet-giua-html-va-css","status":"publish","type":"post","link":"https:\/\/topviecit.vn\/blog\/khac-biet-giua-html-va-css\/","title":{"rendered":"T\u00ecm hi\u1ec3u s\u1ef1 kh\u00e1c bi\u1ec7t gi\u1eefa HTML v\u00e0 CSS"},"content":{"rendered":"\n

Khi b\u01b0\u1edbc v\u00e0o ng\u00e0nh c\u00f4ng ngh\u1ec7 th\u00f4ng tin, b\u1ea1n s\u1ebd th\u01b0\u1eddng xuy\u00ean ph\u1ea3i g\u1eb7p c\u00e1c thu\u1eadt ng\u1eef chuy\u00ean ng\u00e0nh nh\u01b0 HTML, CSS, Javascript,… Kh\u1ed1i l\u01b0\u1ee3ng thu\u1eadt ng\u1eef l\u1edbn khi\u1ebfn b\u1ea1n \u0111\u1ed1i m\u1eb7t v\u1edbi kh\u00f4ng \u00edt kh\u00f3 kh\u0103n, c\u1ea7n m\u1ed9t th\u1eddi gian d\u00e0i \u0111\u1ec3 l\u00e0m quen v\u00e0 hi\u1ec3u v\u1ec1 ch\u00fang. Trong \u0111\u00f3, kh\u00f4ng \u00edt ng\u01b0\u1eddi nh\u1ea7m l\u1eabn gi\u1eefa HTML v\u00e0 CSS\u00a0 – \u0111\u00e2y l\u00e0 nh\u1eefng thu\u1eadt ng\u1eef c\u0103n b\u1ea3n nh\u1ea5t \u0111\u1ed1i v\u1edbi m\u1ed9t k\u1ef9 s\u01b0 c\u00f4ng ngh\u1ec7 th\u00f4ng tin. Trong b\u00e0i vi\u1ebft d\u01b0\u1edbi \u0111\u00e2y, ch\u00fang t\u00f4i s\u1ebd cung c\u1ea5p t\u1edbi b\u1ea1n m\u1ed9t s\u1ed1 th\u00f4ng tin xoay quanh HTML l\u00e0 g\u00ec, CSS l\u00e0 g\u00ec v\u00e0 nh\u1eefng \u0111i\u1ec3m kh\u00e1c bi\u1ec7t n\u1ed5i b\u1eadt nh\u1ea5t gi\u1eefa hai kh\u00e1i ni\u1ec7m n\u00e0y.\u00a0<\/p>\n\n\n\n

HTML l\u00e0 g\u00ec? <\/h2>\n\n\n\n

HTML (t\u00ean vi\u1ebft \u0111\u1ea7y \u0111\u1ee7 l\u00e0 Hypertext Markup Language) \u0111\u01b0\u1ee3c d\u1ecbch ra ti\u1ebfng Vi\u1ec7t l\u00e0 ng\u00f4n ng\u1eef \u0111\u00e1nh d\u1ea5u si\u00eau v\u0103n b\u1ea3n. HTML d\u00f9ng \u0111\u1ec3 \u0111\u1ecbnh d\u1ea1ng b\u1ed1 c\u1ee5c, c\u00e1c thu\u1ed9c t\u00ednh li\u00ean quan \u0111\u1ebfn c\u00e1ch hi\u1ec3n th\u1ecb c\u1ee7a m\u1ed9t \u0111o\u1ea1n text v\u00e0 \u0111\u01b0\u1ee3c hi\u1ec3n th\u1ecb tr\u00ean m\u1ed9t tr\u00ecnh duy\u1ec7t (browser). <\/p>\n\n\n\n

\"html
HTML l\u00e0 g\u00ec?<\/em> <\/figcaption><\/figure><\/div>\n\n\n\n

HTML \u0111\u01b0\u1ee3c ra \u0111\u1eddi v\u00e0o n\u0103m 1991 b\u1edfi Tim Berners-Lee l\u00e0 nh\u00e0 v\u1eadt l\u00fd h\u1ecdc c\u1ee7a trung t\u00e2m nghi\u00ean c\u1ee9u CERN \u1edf Th\u1ee5y S\u0129. D\u1ef1a tr\u00ean internet, \u00f4ng \u0111\u00e3 ngh\u0129 ra v\u00e0 vi\u1ebft si\u00eau v\u0103n b\u1ea3n v\u00e0 hypertext. Hypertext ch\u00ednh l\u00e0 v\u0103n b\u1ea3n ch\u1ee9a links cho ph\u00e9p ng\u01b0\u1eddi xem truy c\u1eadp ngay l\u1eadp C\u00e1c tr\u00ecnh duy\u1ec7t web nh\u1eadn t\u00e0i li\u1ec7u HTML t\u1eeb m\u1ed9t web server ho\u1eb7c m\u1ed9t kho l\u01b0u tr\u1eef c\u1ee5c b\u1ed9 v\u00e0 render t\u00e0i li\u1ec7u \u0111\u00f3 th\u00e0nh c\u00e1c web \u0111a ph\u01b0\u01a1ng ti\u1ec7n. HTML th\u1ef1c hi\u1ec7n nhi\u1ec7m v\u1ee5 m\u00f4 t\u1ea3 c\u1ea5u tr\u00fac c\u1ee7a m\u1ed9t trang web v\u1ec1 m\u1eb7t ng\u1eef ngh\u0129a v\u00e0 t\u1ea1o \u0111i\u1ec1u ki\u1ec7n cho s\u1ef1 xu\u1ea5t hi\u1ec7n c\u1ee7a c\u00e1c t\u00e0i li\u1ec7u.<\/p>\n\n\n\n

C\u00e1c ph\u01b0\u01a1ng ti\u1ec7n m\u00e0 HTML s\u1eed d\u1ee5ng \u0111\u1ec3 t\u1ea1o t\u00e0i li\u1ec7u bao g\u1ed3m: headings, paragraphs, lists, quotes v\u00e0 c\u00e1c m\u1ee5c kh\u00e1c. C\u00e1c ph\u1ea7n t\u1eed HTML \u0111\u01b0\u1ee3c ph\u00e2n \u0111\u1ecbnh b\u1eb1ng c\u00e1c tags, \u0111\u01b0\u1ee3c bao b\u1ecdc trong d\u1ea5u ngo\u1eb7c nh\u1ecdn.<\/p>\n\n\n\n

CSS l\u00e0 g\u00ec?<\/h2>\n\n\n\n

CSS l\u00e0 t\u1eeb vi\u1ebft t\u1eaft c\u1ee7a Cascading Style Sheets, \u0111\u00e2y l\u00e0 ng\u00f4n ng\u1eef \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 t\u00ecm v\u00e0 \u0111\u1ecbnh d\u1ea1ng l\u1ea1i c\u00e1c ph\u1ea7n t\u1eed \u0111\u01b0\u1ee3c t\u1ea1o ra b\u1edfi HTML. Hay CSS ch\u00ednh l\u00e0 ng\u00f4n ng\u1eef t\u1ea1o phong c\u00e1ch ri\u00eang cho trang web. <\/p>\n\n\n\n

CSS l\u00e0 m\u1ed9t s\u1ea3n ph\u1ea9m c\u1ee7a WWW \u0111\u01b0\u1ee3c s\u00e1ng t\u1ea1o v\u00e0o n\u0103m 1996. CSS ho\u1ea1t \u0111\u1ed9ng d\u1ef1a tr\u00ean nguy\u00ean t\u1eafc: tr\u01b0\u1edbc h\u1ebft n\u00f3 t\u00ecm d\u1ef1a v\u00e0o c\u00e1c v\u00f9ng ch\u1ecdn, v\u00f9ng ch\u1ecdn c\u00f3 th\u1ec3 l\u00e0 t\u00ean m\u1ed9t th\u1ebb HTML, t\u00ean m\u1ed9t ID, class hay nhi\u1ec1u ki\u1ec3u kh\u00e1c. Ti\u1ebfp \u0111\u00f3, CSS s\u1ebd \u00e1p d\u1ee5ng c\u00e1c thu\u1ed9c t\u00ednh c\u1ea7n thay \u0111\u1ed5i l\u00ean v\u00f9ng ch\u1ecdn \u0111\u00f3.<\/p>\n\n\n\n

\"html
CSS l\u00e0 g\u00ec?<\/em> <\/figcaption><\/figure><\/div>\n\n\n\n

B\u1ed1 c\u1ee5c c\u1ee7a CSS bao g\u1ed3m c\u00e1c ph\u1ea7n ch\u00ednh:<\/p>\n\n\n\n

  • Padding: G\u1ed3m kh\u00f4ng gian xung quanh n\u1ed9i dung (c\u1ee5 th\u1ec3 l\u00e0 xung quanh \u0111o\u1ea1n v\u0103n b\u1ea3n).<\/li>
  • Border: \u0111\u01b0\u1ee3c x\u00e1c \u0111\u1ecbnh l\u00e0 \u0111\u01b0\u1eddng li\u1ec1n n\u1eb1m ngay b\u00ean ngo\u00e0i ph\u1ea7n \u0111\u1ec7m.<\/li>
  • Margin: kho\u1ea3ng c\u00e1ch xung quanh bao b\u1ecdc b\u00ean ngo\u00e0i c\u1ee7a ph\u1ea7n t\u1eed.<\/li><\/ul>\n\n\n\n

    S\u1ef1 kh\u00e1c nhau gi\u1eefa HTML v\u00e0 CSS <\/h2>\n\n\n\n

    V\u00ec kh\u00f4ng ph\u1ea3i l\u00e0 ng\u00f4n ng\u1eef l\u1eadp tr\u00ecnh n\u00ean nhi\u1ec1u ng\u01b0\u1eddi th\u01b0\u1eddng nh\u1ea7m l\u1eabn cho r\u1eb1ng HTML v\u00e0 CSS gi\u1ed1ng nhau. Nh\u01b0ng tr\u00ean th\u1ef1c t\u1ebf ch\u00fang r\u1ea5t kh\u00e1c bi\u1ec7t, m\u1eb7c d\u00f9 gi\u1eefa HTML v\u00e0 CSS c\u00f3 m\u1ed1i quan h\u1ec7 r\u1ea5t m\u1eadt thi\u1ebft. <\/p>\n\n\n\n

    N\u1ebfu HTML \u0111\u00f3ng vai tr\u00f2 \u0111\u1ecbnh d\u1ea1ng c\u00e1c ph\u1ea7n t\u1eed tr\u00ean website nh\u01b0 vi\u1ec7c t\u1ea1o ra c\u00e1c \u0111o\u1ea1n v\u0103n b\u1ea3n, c\u00e1c ti\u00eau \u0111\u1ec1, b\u1ea3ng,\u2026th\u00ec CSS s\u1ebd t\u1ea1o m\u00f4i tr\u01b0\u1eddng thu\u1eadn l\u1ee3i gi\u00fap ch\u00fang ta c\u00f3 th\u1ec3 th\u00eam style v\u00e0o c\u00e1c ph\u1ea7n t\u1eed HTML \u0111\u00f3 nh\u01b0 \u0111\u1ed5i b\u1ed1 c\u1ee5c, m\u00e0u s\u1eafc trang, \u0111\u1ed5i m\u00e0u ch\u1eef, font ch\u1eef, thay \u0111\u1ed5i c\u1ea5u tr\u00fac,… \u0111\u1ec3 l\u00e0m cho trang web tr\u1edf n\u00ean sinh \u0111\u1ed9ng v\u00e0 thu h\u00fat h\u01a1n.<\/p>\n\n\n\n

    HTML \u0111\u01b0\u1ee3c xem l\u00e0 n\u1ec1n t\u1ea3ng c\u01a1 b\u1ea3n v\u00e0 quan tr\u1ecdng trong qu\u00e1 tr\u00ecnh x\u00e2y d\u1ef1ng website nh\u01b0ng n\u1ebfu ch\u00fang \u0111\u1ee9ng \u0111\u1ed9c l\u1eadp th\u00ec kh\u00f3 c\u00f3 th\u1ec3 t\u1ea1o ra m\u1ed9t trang web chuy\u00ean nghi\u1ec7p \u0111\u01b0\u1ee3c. Do \u0111\u00f3, HTML th\u01b0\u1eddng s\u1eed d\u1ee5ng \u0111\u1ec3 th\u00eam c\u00e1c ph\u1ea7n t\u1eeb \u0111\u1ec3 x\u00e2y d\u1ef1ng b\u1ed1 c\u1ee5c, c\u1ea5u tr\u00fac v\u00e0 n\u1ed9i dung c\u01a1 b\u1ea3n c\u1ee7a website. Sau \u0111\u00f3, c\u00e1c l\u1eadp tr\u00ecnh vi\u00ean s\u1ebd k\u1ebft h\u1ee3p s\u1eed d\u1ee5ng 2 ng\u00f4n ng\u1eef frontend l\u00e0 CSS v\u00e0 JavaScript \u0111\u1ec3 t\u1ea1o m\u1ed9t website ho\u00e0n thi\u1ec7n, \u0111\u1eb9p m\u1eaft. <\/p>\n\n\n\n

    S\u1ef1 k\u1ebft h\u1ee3p c\u1ee7a HTML, CSS v\u00e0 JavaScript s\u1ebd gi\u00fap t\u0103ng tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng tr\u00ean website v\u1edbi nhi\u1ec1u ch\u1ee9c n\u0103ng c\u1ee5 th\u1ec3 nh\u01b0:  <\/p>\n\n\n\n

    • HTML t\u1ea1o ra khung website c\u01a1 b\u1ea3n <\/li>
    • CSS \u0111\u00f3ng vai tr\u00f2 ch\u00ednh trong vi\u1ec7c thi\u1ebft k\u1ebf nh\u01b0:  thi\u1ebft l\u1eadp m\u00e0u s\u1eafc, background, hi\u1ec7u \u1ee9ng. \u0110i\u1ec1u n\u00e0y s\u1ebd gi\u00fap cho trang web tr\u1edf n\u00ean uy\u1ec3n chuy\u1ec3n, linh ho\u1ea1t v\u1edbi \u00fd t\u01b0\u1edfng m\u00e0 website mu\u1ed1n truy\u1ec1n t\u1ea3i. <\/li>
    • JavaScript s\u1ebd t\u1ea1o ra c\u00e1c ch\u1ee9c n\u0103ng \u201c\u0111\u1ed9ng\u201d, \u0111i\u1ec3n h\u00ecnh l\u00e0 th\u01b0 vi\u1ec7n h\u00ecnh \u1ea3nh, slide, pop-up,\u2026 nh\u1eb1m n\u00edu gi\u1eef ch\u00e2n ng\u01b0\u1eddi xem \u1edf l\u1ea1i l\u00e2u h\u01a1n v\u1edbi website.<\/li><\/ul>\n\n\n\n

      M\u1ed9t \u0111i\u1ec3m kh\u00e1c bi\u1ec7t n\u1eefa gi\u1eefa CSS v\u00e0 HTML \u0111\u00f3 l\u00e0: HTML c\u00f3 th\u1ec3 t\u1ed3n t\u1ea1i ri\u00eang bi\u1ec7t c\u00f2n CSS th\u00ec kh\u00f4ng. CSS cho ph\u00e9p ng\u01b0\u1eddi d\u00f9ng t\u00f9y ch\u1ec9nh b\u1ed1 c\u1ee5c c\u1ee7a nhi\u1ec1u trang web c\u00f9ng m\u1ed9t l\u00fac do \u0111\u00f3 ti\u1ebft ki\u1ec7m \u0111\u01b0\u1ee3c kh\u00e1 nhi\u1ec1u th\u1eddi gian v\u00e0 c\u00f4ng s\u1ee9c. \u0110\u1ed1i v\u1edbi HTML, ph\u01b0\u01a1ng th\u1ee9c \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng l\u00e0 kh\u00f4ng x\u00e1c \u0111\u1ecbnh. C\u00f2n v\u1edbi CSS, ng\u01b0\u1eddi d\u00f9ng c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng c\u00e1c bi\u1ec3u \u0111\u1ecbnh \u0111a d\u1ea1ng h\u01a1n c\u1ea3 t\u1eeb b\u00ean ngo\u00e0i, b\u00ean trong ho\u1eb7c n\u1ed9i tuy\u1ebfn. Ngo\u00e0i ra, so v\u1edbi CSS, HTML \u00edt sao l\u01b0u v\u00e0 h\u1ed7 tr\u1ee3 h\u01a1n. <\/p>\n\n\n\n

      \"html
      S\u1ef1 kh\u00e1c bi\u1ec7t gi\u1eefa HTML l\u00e0 CSS<\/em> <\/figcaption><\/figure><\/div>\n\n\n\n

      Tr\u01b0\u1edbc khi b\u1eaft tay v\u00e0o d\u1ef1 \u00e1n, c\u00e1c l\u1eadp tr\u00ecnh vi\u00ean n\u00ean t\u00ecm hi\u1ec3u v\u00e0 ph\u00e2n t\u00edch c\u00e1c \u0111\u1eb7c \u0111i\u1ec3m kh\u00e1c bi\u1ec7t c\u1ee7a HTML v\u00e0 CSS tr\u01b0\u1edbc khi ch\u1ecdn m\u1ed9t trong s\u1ed1 ch\u00fang. C\u00e1c lo\u1ea1i ng\u00f4n ng\u1eef k\u1ecbch b\u1ea3n web n\u00e0y n\u00ean \u0111\u01b0\u1ee3c ch\u1ecdn \u0111\u1ec3 \u0111\u1ea1t \u0111\u01b0\u1ee3c m\u1ee5c ti\u00eau \u0111\u00e3 \u0111\u01b0a ra d\u1ef1a tr\u00ean lo\u1ea1i d\u1ef1 \u00e1n, th\u1eddi gian l\u00e0m vi\u1ec7c v\u00e0 m\u1ed9t s\u1ed1 y\u1ebfu t\u1ed1 li\u00ean quan kh\u00e1c. <\/p>\n\n\n\n

      Tr\u00ean \u0111\u00e2y l\u00e0 nh\u1eefng th\u00f4ng tin v\u1ec1 HTML l\u00e0 g\u00ec<\/strong>, m\u1ed9t s\u1ed1 \u0111i\u1ec3m kh\u00e1c bi\u1ec7t gi\u1eefa HTML v\u00e0 CSS. Hy v\u1ecdng \u0111\u00e3 gi\u00fap b\u1ea1n \u0111\u1ecdc c\u00f3 th\u00eam m\u1ed9t s\u1ed1 ki\u1ebfn th\u1ee9c h\u1eefu \u00edch v\u1ec1 c\u00e1c thu\u1eadt ng\u1eef c\u01a1 b\u1ea3n c\u1ee7a ng\u00e0nh c\u00f4ng ngh\u1ec7 th\u00f4ng tin tr\u01b0\u1edbc khi quy\u1ebft \u0111\u1ecbnh theo h\u1ecdc ng\u00e0nh n\u00e0y. B\u1ea1n c\u0169ng c\u1ea7n l\u01b0u \u00fd \u0111\u00e2y l\u00e0 m\u1ed9t l\u0129nh v\u1ef1c kh\u00e1 kh\u00f3, do \u0111\u00f3, b\u1ea1n c\u1ea7n th\u1eadt s\u1ef1 \u0111am m\u00ea v\u00e0 quy\u1ebft t\u00e2m theo \u0111u\u1ed5i \u0111\u1ebfn c\u00f9ng \u0111\u1ec3 ho\u00e0n th\u00e0nh m\u1ee5c ti\u00eau c\u1ee7a b\u1ea3n th\u00e2n. <\/p>\n","protected":false},"excerpt":{"rendered":"

      Khi b\u01b0\u1edbc v\u00e0o ng\u00e0nh c\u00f4ng ngh\u1ec7 th\u00f4ng tin, b\u1ea1n s\u1ebd th\u01b0\u1eddng xuy\u00ean ph\u1ea3i g\u1eb7p c\u00e1c thu\u1eadt ng\u1eef chuy\u00ean ng\u00e0nh nh\u01b0 HTML, CSS, Javascript,… Kh\u1ed1i l\u01b0\u1ee3ng thu\u1eadt ng\u1eef l\u1edbn khi\u1ebfn b\u1ea1n \u0111\u1ed1i m\u1eb7t v\u1edbi kh\u00f4ng \u00edt kh\u00f3 kh\u0103n, c\u1ea7n m\u1ed9t th\u1eddi gian d\u00e0i \u0111\u1ec3 l\u00e0m quen v\u00e0 hi\u1ec3u v\u1ec1 ch\u00fang. Trong \u0111\u00f3, kh\u00f4ng \u00edt ng\u01b0\u1eddi nh\u1ea7m […]<\/p>\n","protected":false},"author":1,"featured_media":1293,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"cybocfi_hide_featured_image":"","footnotes":""},"categories":[86],"tags":[289,290],"class_list":["post-1289","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-chia-se-kinh-nghiem","tag-html-la-gi","tag-html-la-viet-tat-cua-tu-gi"],"yoast_head":"\nT\u00ecm hi\u1ec3u s\u1ef1 kh\u00e1c bi\u1ec7t gi\u1eefa HTML v\u00e0 CSS - TopviecIT<\/title>\n<meta name=\"description\" content=\"Ch\u00fang t\u00f4i s\u1ebd cung c\u1ea5p t\u1edbi b\u1ea1n m\u1ed9t s\u1ed1 th\u00f4ng tin xoay quanh HTML l\u00e0 g\u00ec, CSS l\u00e0 g\u00ec v\u00e0 nh\u1eefng \u0111i\u1ec3m kh\u00e1c bi\u1ec7t n\u1ed5i b\u1eadt nh\u1ea5t gi\u1eefa hai kh\u00e1i ni\u1ec7m n\u00e0y.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/topviecit.vn\/blog\/khac-biet-giua-html-va-css\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"T\u00ecm hi\u1ec3u s\u1ef1 kh\u00e1c bi\u1ec7t gi\u1eefa HTML v\u00e0 CSS - TopviecIT\" \/>\n<meta property=\"og:description\" content=\"Ch\u00fang t\u00f4i s\u1ebd cung c\u1ea5p t\u1edbi b\u1ea1n m\u1ed9t s\u1ed1 th\u00f4ng tin xoay quanh HTML l\u00e0 g\u00ec, CSS l\u00e0 g\u00ec v\u00e0 nh\u1eefng \u0111i\u1ec3m kh\u00e1c bi\u1ec7t n\u1ed5i b\u1eadt nh\u1ea5t gi\u1eefa hai kh\u00e1i ni\u1ec7m n\u00e0y.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/topviecit.vn\/blog\/khac-biet-giua-html-va-css\/\" \/>\n<meta property=\"og:site_name\" content=\"TopviecIT\" \/>\n<meta property=\"article:published_time\" content=\"2021-11-10T08:33:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/topviecit.vn\/blog\/wp-content\/uploads\/2021\/11\/thumb-3.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1916\" \/>\n\t<meta property=\"og:image:height\" content=\"1043\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"TopviecIT\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"TopviecIT\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 ph\u00fat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/topviecit.vn\/blog\/khac-biet-giua-html-va-css\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/topviecit.vn\/blog\/khac-biet-giua-html-va-css\/\"},\"author\":{\"name\":\"TopviecIT\",\"@id\":\"https:\/\/topviecit.vn\/blog\/#\/schema\/person\/042073e65bc1162f1f4c5b2479472752\"},\"headline\":\"T\u00ecm hi\u1ec3u s\u1ef1 kh\u00e1c bi\u1ec7t gi\u1eefa HTML v\u00e0 CSS\",\"datePublished\":\"2021-11-10T08:33:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/topviecit.vn\/blog\/khac-biet-giua-html-va-css\/\"},\"wordCount\":1606,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/topviecit.vn\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/topviecit.vn\/blog\/khac-biet-giua-html-va-css\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/topviecit.vn\/blog\/wp-content\/uploads\/2021\/11\/thumb-3.png\",\"keywords\":[\"html l\u00e0 g\u00ec\",\"html l\u00e0 vi\u1ebft t\u1eaft c\u1ee7a t\u1eeb g\u00ec\"],\"articleSection\":[\"Chia s\u1ebb kinh nghi\u1ec7m\"],\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/topviecit.vn\/blog\/khac-biet-giua-html-va-css\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/topviecit.vn\/blog\/khac-biet-giua-html-va-css\/\",\"url\":\"https:\/\/topviecit.vn\/blog\/khac-biet-giua-html-va-css\/\",\"name\":\"T\u00ecm hi\u1ec3u s\u1ef1 kh\u00e1c bi\u1ec7t gi\u1eefa HTML v\u00e0 CSS - TopviecIT\",\"isPartOf\":{\"@id\":\"https:\/\/topviecit.vn\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/topviecit.vn\/blog\/khac-biet-giua-html-va-css\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/topviecit.vn\/blog\/khac-biet-giua-html-va-css\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/topviecit.vn\/blog\/wp-content\/uploads\/2021\/11\/thumb-3.png\",\"datePublished\":\"2021-11-10T08:33:49+00:00\",\"description\":\"Ch\u00fang t\u00f4i s\u1ebd cung c\u1ea5p t\u1edbi b\u1ea1n m\u1ed9t s\u1ed1 th\u00f4ng tin xoay quanh HTML l\u00e0 g\u00ec, CSS l\u00e0 g\u00ec v\u00e0 nh\u1eefng \u0111i\u1ec3m kh\u00e1c bi\u1ec7t n\u1ed5i b\u1eadt nh\u1ea5t gi\u1eefa hai kh\u00e1i ni\u1ec7m n\u00e0y.\",\"breadcrumb\":{\"@id\":\"https:\/\/topviecit.vn\/blog\/khac-biet-giua-html-va-css\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/topviecit.vn\/blog\/khac-biet-giua-html-va-css\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\/\/topviecit.vn\/blog\/khac-biet-giua-html-va-css\/#primaryimage\",\"url\":\"https:\/\/topviecit.vn\/blog\/wp-content\/uploads\/2021\/11\/thumb-3.png\",\"contentUrl\":\"https:\/\/topviecit.vn\/blog\/wp-content\/uploads\/2021\/11\/thumb-3.png\",\"width\":1916,\"height\":1043},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/topviecit.vn\/blog\/khac-biet-giua-html-va-css\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Trang ch\u1ee7\",\"item\":\"https:\/\/topviecit.vn\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"T\u00ecm hi\u1ec3u s\u1ef1 kh\u00e1c bi\u1ec7t gi\u1eefa HTML v\u00e0 CSS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/topviecit.vn\/blog\/#website\",\"url\":\"https:\/\/topviecit.vn\/blog\/\",\"name\":\"TopviecIT\",\"description\":\"Chia s\u1ebb kinh nghi\u1ec7m l\u00e0m vi\u1ec7c v\u00e0 vi\u1ec7c l\u00e0m IT m\u1edbi nh\u1ea5t\",\"publisher\":{\"@id\":\"https:\/\/topviecit.vn\/blog\/#organization\"},\"alternateName\":\"TopviecIT\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/topviecit.vn\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"vi\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/topviecit.vn\/blog\/#organization\",\"name\":\"TopviecIT\",\"alternateName\":\"TopviecIT\",\"url\":\"https:\/\/topviecit.vn\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\/\/topviecit.vn\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/topviecit.vn\/blog\/wp-content\/uploads\/2023\/05\/logo-topviecit-2.png\",\"contentUrl\":\"https:\/\/topviecit.vn\/blog\/wp-content\/uploads\/2023\/05\/logo-topviecit-2.png\",\"width\":666,\"height\":375,\"caption\":\"TopviecIT\"},\"image\":{\"@id\":\"https:\/\/topviecit.vn\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/topviecit.vn\/blog\/#\/schema\/person\/042073e65bc1162f1f4c5b2479472752\",\"name\":\"TopviecIT\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\/\/topviecit.vn\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9a6c56d43953b832d7da7737079a978d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9a6c56d43953b832d7da7737079a978d?s=96&d=mm&r=g\",\"caption\":\"TopviecIT\"},\"sameAs\":[\"https:\/\/topviecit.vn\/blog\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"T\u00ecm hi\u1ec3u s\u1ef1 kh\u00e1c bi\u1ec7t gi\u1eefa HTML v\u00e0 CSS - TopviecIT","description":"Ch\u00fang t\u00f4i s\u1ebd cung c\u1ea5p t\u1edbi b\u1ea1n m\u1ed9t s\u1ed1 th\u00f4ng tin xoay quanh HTML l\u00e0 g\u00ec, CSS l\u00e0 g\u00ec v\u00e0 nh\u1eefng \u0111i\u1ec3m kh\u00e1c bi\u1ec7t n\u1ed5i b\u1eadt nh\u1ea5t gi\u1eefa hai kh\u00e1i ni\u1ec7m n\u00e0y.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/topviecit.vn\/blog\/khac-biet-giua-html-va-css\/","og_locale":"vi_VN","og_type":"article","og_title":"T\u00ecm hi\u1ec3u s\u1ef1 kh\u00e1c bi\u1ec7t gi\u1eefa HTML v\u00e0 CSS - TopviecIT","og_description":"Ch\u00fang t\u00f4i s\u1ebd cung c\u1ea5p t\u1edbi b\u1ea1n m\u1ed9t s\u1ed1 th\u00f4ng tin xoay quanh HTML l\u00e0 g\u00ec, CSS l\u00e0 g\u00ec v\u00e0 nh\u1eefng \u0111i\u1ec3m kh\u00e1c bi\u1ec7t n\u1ed5i b\u1eadt nh\u1ea5t gi\u1eefa hai kh\u00e1i ni\u1ec7m n\u00e0y.","og_url":"https:\/\/topviecit.vn\/blog\/khac-biet-giua-html-va-css\/","og_site_name":"TopviecIT","article_published_time":"2021-11-10T08:33:49+00:00","og_image":[{"width":1916,"height":1043,"url":"https:\/\/topviecit.vn\/blog\/wp-content\/uploads\/2021\/11\/thumb-3.png","type":"image\/png"}],"author":"TopviecIT","twitter_card":"summary_large_image","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"TopviecIT","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"6 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/topviecit.vn\/blog\/khac-biet-giua-html-va-css\/#article","isPartOf":{"@id":"https:\/\/topviecit.vn\/blog\/khac-biet-giua-html-va-css\/"},"author":{"name":"TopviecIT","@id":"https:\/\/topviecit.vn\/blog\/#\/schema\/person\/042073e65bc1162f1f4c5b2479472752"},"headline":"T\u00ecm hi\u1ec3u s\u1ef1 kh\u00e1c bi\u1ec7t gi\u1eefa HTML v\u00e0 CSS","datePublished":"2021-11-10T08:33:49+00:00","mainEntityOfPage":{"@id":"https:\/\/topviecit.vn\/blog\/khac-biet-giua-html-va-css\/"},"wordCount":1606,"commentCount":0,"publisher":{"@id":"https:\/\/topviecit.vn\/blog\/#organization"},"image":{"@id":"https:\/\/topviecit.vn\/blog\/khac-biet-giua-html-va-css\/#primaryimage"},"thumbnailUrl":"https:\/\/topviecit.vn\/blog\/wp-content\/uploads\/2021\/11\/thumb-3.png","keywords":["html l\u00e0 g\u00ec","html l\u00e0 vi\u1ebft t\u1eaft c\u1ee7a t\u1eeb g\u00ec"],"articleSection":["Chia s\u1ebb kinh nghi\u1ec7m"],"inLanguage":"vi","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/topviecit.vn\/blog\/khac-biet-giua-html-va-css\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/topviecit.vn\/blog\/khac-biet-giua-html-va-css\/","url":"https:\/\/topviecit.vn\/blog\/khac-biet-giua-html-va-css\/","name":"T\u00ecm hi\u1ec3u s\u1ef1 kh\u00e1c bi\u1ec7t gi\u1eefa HTML v\u00e0 CSS - TopviecIT","isPartOf":{"@id":"https:\/\/topviecit.vn\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/topviecit.vn\/blog\/khac-biet-giua-html-va-css\/#primaryimage"},"image":{"@id":"https:\/\/topviecit.vn\/blog\/khac-biet-giua-html-va-css\/#primaryimage"},"thumbnailUrl":"https:\/\/topviecit.vn\/blog\/wp-content\/uploads\/2021\/11\/thumb-3.png","datePublished":"2021-11-10T08:33:49+00:00","description":"Ch\u00fang t\u00f4i s\u1ebd cung c\u1ea5p t\u1edbi b\u1ea1n m\u1ed9t s\u1ed1 th\u00f4ng tin xoay quanh HTML l\u00e0 g\u00ec, CSS l\u00e0 g\u00ec v\u00e0 nh\u1eefng \u0111i\u1ec3m kh\u00e1c bi\u1ec7t n\u1ed5i b\u1eadt nh\u1ea5t gi\u1eefa hai kh\u00e1i ni\u1ec7m n\u00e0y.","breadcrumb":{"@id":"https:\/\/topviecit.vn\/blog\/khac-biet-giua-html-va-css\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/topviecit.vn\/blog\/khac-biet-giua-html-va-css\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/topviecit.vn\/blog\/khac-biet-giua-html-va-css\/#primaryimage","url":"https:\/\/topviecit.vn\/blog\/wp-content\/uploads\/2021\/11\/thumb-3.png","contentUrl":"https:\/\/topviecit.vn\/blog\/wp-content\/uploads\/2021\/11\/thumb-3.png","width":1916,"height":1043},{"@type":"BreadcrumbList","@id":"https:\/\/topviecit.vn\/blog\/khac-biet-giua-html-va-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Trang ch\u1ee7","item":"https:\/\/topviecit.vn\/blog\/"},{"@type":"ListItem","position":2,"name":"T\u00ecm hi\u1ec3u s\u1ef1 kh\u00e1c bi\u1ec7t gi\u1eefa HTML v\u00e0 CSS"}]},{"@type":"WebSite","@id":"https:\/\/topviecit.vn\/blog\/#website","url":"https:\/\/topviecit.vn\/blog\/","name":"TopviecIT","description":"Chia s\u1ebb kinh nghi\u1ec7m l\u00e0m vi\u1ec7c v\u00e0 vi\u1ec7c l\u00e0m IT m\u1edbi nh\u1ea5t","publisher":{"@id":"https:\/\/topviecit.vn\/blog\/#organization"},"alternateName":"TopviecIT","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/topviecit.vn\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"vi"},{"@type":"Organization","@id":"https:\/\/topviecit.vn\/blog\/#organization","name":"TopviecIT","alternateName":"TopviecIT","url":"https:\/\/topviecit.vn\/blog\/","logo":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/topviecit.vn\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/topviecit.vn\/blog\/wp-content\/uploads\/2023\/05\/logo-topviecit-2.png","contentUrl":"https:\/\/topviecit.vn\/blog\/wp-content\/uploads\/2023\/05\/logo-topviecit-2.png","width":666,"height":375,"caption":"TopviecIT"},"image":{"@id":"https:\/\/topviecit.vn\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/topviecit.vn\/blog\/#\/schema\/person\/042073e65bc1162f1f4c5b2479472752","name":"TopviecIT","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/topviecit.vn\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9a6c56d43953b832d7da7737079a978d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9a6c56d43953b832d7da7737079a978d?s=96&d=mm&r=g","caption":"TopviecIT"},"sameAs":["https:\/\/topviecit.vn\/blog"]}]}},"_links":{"self":[{"href":"https:\/\/topviecit.vn\/blog\/wp-json\/wp\/v2\/posts\/1289","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/topviecit.vn\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/topviecit.vn\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/topviecit.vn\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/topviecit.vn\/blog\/wp-json\/wp\/v2\/comments?post=1289"}],"version-history":[{"count":1,"href":"https:\/\/topviecit.vn\/blog\/wp-json\/wp\/v2\/posts\/1289\/revisions"}],"predecessor-version":[{"id":1294,"href":"https:\/\/topviecit.vn\/blog\/wp-json\/wp\/v2\/posts\/1289\/revisions\/1294"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/topviecit.vn\/blog\/wp-json\/wp\/v2\/media\/1293"}],"wp:attachment":[{"href":"https:\/\/topviecit.vn\/blog\/wp-json\/wp\/v2\/media?parent=1289"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/topviecit.vn\/blog\/wp-json\/wp\/v2\/categories?post=1289"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/topviecit.vn\/blog\/wp-json\/wp\/v2\/tags?post=1289"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}