{"id":172,"date":"2020-05-21T17:14:56","date_gmt":"2020-05-21T17:14:56","guid":{"rendered":"https:\/\/itwebsconsultant.com\/blog\/?p=172"},"modified":"2026-04-28T10:24:56","modified_gmt":"2026-04-28T10:24:57","slug":"how-to-design-a-website-page-utilizing-basic-html-and-css","status":"publish","type":"post","link":"https:\/\/itwebsconsultant.com\/blog\/how-to-design-a-website-page-utilizing-basic-html-and-css\/","title":{"rendered":"How to design a website page utilizing basic HTML and CSS"},"content":{"rendered":"\n

HTML \u2013 Giving website pages structure<\/p>\n\n\n\n

<html>
<head>
<title>head elements go here<\/title>
<\/head>
<body> body elements go here <\/body>
<\/html><\/p>\n\n\n\n

CSS- making web pages see slick<\/strong>
Using CSS property we can change the look of web page.
Typically one of the language within the web world which permits you to form webpages looks beautiful. This will allow a few of the capacity to control every visual aspect of the page, from the content, foundation colors to width, height and margins. The best thing is CSS is it works straightforwardly with the HTML. Where you’ll be able apply CSS rules to the particular HTML elements.
<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

HTML \u2013 Giving website pages structure. CSS- making web pages see slick<\/strong>
\nUsing CSS property we can change the look of web page.
\nTypically one of the language within the web world which permits you to form webpages looks beautiful.<\/p>\n","protected":false},"author":1,"featured_media":173,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20],"tags":[],"class_list":["post-172","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html5"],"yoast_head":"\nHow to Design a Web Page with Basic HTML and CSS<\/title>\n<meta name=\"description\" content=\"Step-by-step guide on how to design a simple website page using basic HTML and CSS. Perfect for beginners learning web development from scratch.\" \/>\n<meta name=\"robots\" content=\"index, follow\" \/>\n<link rel=\"canonical\" href=\"https:\/\/itwebsconsultant.com\/blog\/how-to-design-a-website-page-utilizing-basic-html-and-css\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Design a Web Page with Basic HTML and CSS\" \/>\n<meta property=\"og:description\" content=\"Step-by-step guide on how to design a simple website page using basic HTML and CSS. Perfect for beginners learning web development from scratch.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/itwebsconsultant.com\/blog\/how-to-design-a-website-page-utilizing-basic-html-and-css\/\" \/>\n<meta property=\"og:site_name\" content=\"Latest Google Updates | Website Design | IT Webs Consultant Services\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/itwebsconsultant\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-05-21T17:14:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-28T10:24:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/itwebsconsultant.com\/blog\/wp-content\/uploads\/2020\/05\/How-to-design-a-website-page-utilizing-basic-HTML-and-CSS.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"675\" \/>\n\t<meta property=\"og:image:height\" content=\"325\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"pauladams\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"pauladams\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/itwebsconsultant.com\\\/blog\\\/how-to-design-a-website-page-utilizing-basic-html-and-css\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/itwebsconsultant.com\\\/blog\\\/how-to-design-a-website-page-utilizing-basic-html-and-css\\\/\"},\"author\":{\"name\":\"pauladams\",\"@id\":\"https:\\\/\\\/itwebsconsultant.com\\\/blog\\\/#\\\/schema\\\/person\\\/410582e0d97012983c66a82ea713e60d\"},\"headline\":\"How to design a website page utilizing basic HTML and CSS\",\"datePublished\":\"2020-05-21T17:14:56+00:00\",\"dateModified\":\"2026-04-28T10:24:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/itwebsconsultant.com\\\/blog\\\/how-to-design-a-website-page-utilizing-basic-html-and-css\\\/\"},\"wordCount\":162,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/itwebsconsultant.com\\\/blog\\\/how-to-design-a-website-page-utilizing-basic-html-and-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/itwebsconsultant.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/How-to-design-a-website-page-utilizing-basic-HTML-and-CSS.jpg\",\"articleSection\":[\"HTML5\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/itwebsconsultant.com\\\/blog\\\/how-to-design-a-website-page-utilizing-basic-html-and-css\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/itwebsconsultant.com\\\/blog\\\/how-to-design-a-website-page-utilizing-basic-html-and-css\\\/\",\"url\":\"https:\\\/\\\/itwebsconsultant.com\\\/blog\\\/how-to-design-a-website-page-utilizing-basic-html-and-css\\\/\",\"name\":\"How to Design a Web Page with Basic HTML and CSS\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/itwebsconsultant.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/itwebsconsultant.com\\\/blog\\\/how-to-design-a-website-page-utilizing-basic-html-and-css\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/itwebsconsultant.com\\\/blog\\\/how-to-design-a-website-page-utilizing-basic-html-and-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/itwebsconsultant.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/How-to-design-a-website-page-utilizing-basic-HTML-and-CSS.jpg\",\"datePublished\":\"2020-05-21T17:14:56+00:00\",\"dateModified\":\"2026-04-28T10:24:57+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/itwebsconsultant.com\\\/blog\\\/#\\\/schema\\\/person\\\/410582e0d97012983c66a82ea713e60d\"},\"description\":\"Step-by-step guide on how to design a simple website page using basic HTML and CSS. Perfect for beginners learning web development from scratch.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/itwebsconsultant.com\\\/blog\\\/how-to-design-a-website-page-utilizing-basic-html-and-css\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/itwebsconsultant.com\\\/blog\\\/how-to-design-a-website-page-utilizing-basic-html-and-css\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/itwebsconsultant.com\\\/blog\\\/how-to-design-a-website-page-utilizing-basic-html-and-css\\\/#primaryimage\",\"url\":\"https:\\\/\\\/itwebsconsultant.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/How-to-design-a-website-page-utilizing-basic-HTML-and-CSS.jpg\",\"contentUrl\":\"https:\\\/\\\/itwebsconsultant.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/How-to-design-a-website-page-utilizing-basic-HTML-and-CSS.jpg\",\"width\":675,\"height\":325},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/itwebsconsultant.com\\\/blog\\\/how-to-design-a-website-page-utilizing-basic-html-and-css\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/itwebsconsultant.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to design a website page utilizing basic HTML and CSS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/itwebsconsultant.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/itwebsconsultant.com\\\/blog\\\/\",\"name\":\"Latest Google Updates | Website Design | IT Webs Consultant Services\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/itwebsconsultant.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/itwebsconsultant.com\\\/blog\\\/#\\\/schema\\\/person\\\/410582e0d97012983c66a82ea713e60d\",\"name\":\"pauladams\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0a7eb26b2358dc446663e9550c263de3c61bb8de76af4ba6e83f968c4b38a769?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0a7eb26b2358dc446663e9550c263de3c61bb8de76af4ba6e83f968c4b38a769?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0a7eb26b2358dc446663e9550c263de3c61bb8de76af4ba6e83f968c4b38a769?s=96&d=mm&r=g\",\"caption\":\"pauladams\"},\"sameAs\":[\"https:\\\/\\\/itwebsconsultant.com\\\/blog\"],\"url\":\"https:\\\/\\\/itwebsconsultant.com\\\/blog\\\/author\\\/pauladams\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Design a Web Page with Basic HTML and CSS","description":"Step-by-step guide on how to design a simple website page using basic HTML and CSS. Perfect for beginners learning web development from scratch.","robots":{"index":"index","follow":"follow"},"canonical":"https:\/\/itwebsconsultant.com\/blog\/how-to-design-a-website-page-utilizing-basic-html-and-css\/","og_locale":"en_US","og_type":"article","og_title":"How to Design a Web Page with Basic HTML and CSS","og_description":"Step-by-step guide on how to design a simple website page using basic HTML and CSS. Perfect for beginners learning web development from scratch.","og_url":"https:\/\/itwebsconsultant.com\/blog\/how-to-design-a-website-page-utilizing-basic-html-and-css\/","og_site_name":"Latest Google Updates | Website Design | IT Webs Consultant Services","article_publisher":"https:\/\/facebook.com\/itwebsconsultant\/","article_published_time":"2020-05-21T17:14:56+00:00","article_modified_time":"2026-04-28T10:24:57+00:00","og_image":[{"width":675,"height":325,"url":"https:\/\/itwebsconsultant.com\/blog\/wp-content\/uploads\/2020\/05\/How-to-design-a-website-page-utilizing-basic-HTML-and-CSS.jpg","type":"image\/jpeg"}],"author":"pauladams","twitter_card":"summary_large_image","twitter_misc":{"Written by":"pauladams","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/itwebsconsultant.com\/blog\/how-to-design-a-website-page-utilizing-basic-html-and-css\/#article","isPartOf":{"@id":"https:\/\/itwebsconsultant.com\/blog\/how-to-design-a-website-page-utilizing-basic-html-and-css\/"},"author":{"name":"pauladams","@id":"https:\/\/itwebsconsultant.com\/blog\/#\/schema\/person\/410582e0d97012983c66a82ea713e60d"},"headline":"How to design a website page utilizing basic HTML and CSS","datePublished":"2020-05-21T17:14:56+00:00","dateModified":"2026-04-28T10:24:57+00:00","mainEntityOfPage":{"@id":"https:\/\/itwebsconsultant.com\/blog\/how-to-design-a-website-page-utilizing-basic-html-and-css\/"},"wordCount":162,"commentCount":0,"image":{"@id":"https:\/\/itwebsconsultant.com\/blog\/how-to-design-a-website-page-utilizing-basic-html-and-css\/#primaryimage"},"thumbnailUrl":"https:\/\/itwebsconsultant.com\/blog\/wp-content\/uploads\/2020\/05\/How-to-design-a-website-page-utilizing-basic-HTML-and-CSS.jpg","articleSection":["HTML5"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/itwebsconsultant.com\/blog\/how-to-design-a-website-page-utilizing-basic-html-and-css\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/itwebsconsultant.com\/blog\/how-to-design-a-website-page-utilizing-basic-html-and-css\/","url":"https:\/\/itwebsconsultant.com\/blog\/how-to-design-a-website-page-utilizing-basic-html-and-css\/","name":"How to Design a Web Page with Basic HTML and CSS","isPartOf":{"@id":"https:\/\/itwebsconsultant.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/itwebsconsultant.com\/blog\/how-to-design-a-website-page-utilizing-basic-html-and-css\/#primaryimage"},"image":{"@id":"https:\/\/itwebsconsultant.com\/blog\/how-to-design-a-website-page-utilizing-basic-html-and-css\/#primaryimage"},"thumbnailUrl":"https:\/\/itwebsconsultant.com\/blog\/wp-content\/uploads\/2020\/05\/How-to-design-a-website-page-utilizing-basic-HTML-and-CSS.jpg","datePublished":"2020-05-21T17:14:56+00:00","dateModified":"2026-04-28T10:24:57+00:00","author":{"@id":"https:\/\/itwebsconsultant.com\/blog\/#\/schema\/person\/410582e0d97012983c66a82ea713e60d"},"description":"Step-by-step guide on how to design a simple website page using basic HTML and CSS. Perfect for beginners learning web development from scratch.","breadcrumb":{"@id":"https:\/\/itwebsconsultant.com\/blog\/how-to-design-a-website-page-utilizing-basic-html-and-css\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/itwebsconsultant.com\/blog\/how-to-design-a-website-page-utilizing-basic-html-and-css\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/itwebsconsultant.com\/blog\/how-to-design-a-website-page-utilizing-basic-html-and-css\/#primaryimage","url":"https:\/\/itwebsconsultant.com\/blog\/wp-content\/uploads\/2020\/05\/How-to-design-a-website-page-utilizing-basic-HTML-and-CSS.jpg","contentUrl":"https:\/\/itwebsconsultant.com\/blog\/wp-content\/uploads\/2020\/05\/How-to-design-a-website-page-utilizing-basic-HTML-and-CSS.jpg","width":675,"height":325},{"@type":"BreadcrumbList","@id":"https:\/\/itwebsconsultant.com\/blog\/how-to-design-a-website-page-utilizing-basic-html-and-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/itwebsconsultant.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to design a website page utilizing basic HTML and CSS"}]},{"@type":"WebSite","@id":"https:\/\/itwebsconsultant.com\/blog\/#website","url":"https:\/\/itwebsconsultant.com\/blog\/","name":"Latest Google Updates | Website Design | IT Webs Consultant Services","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/itwebsconsultant.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/itwebsconsultant.com\/blog\/#\/schema\/person\/410582e0d97012983c66a82ea713e60d","name":"pauladams","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/0a7eb26b2358dc446663e9550c263de3c61bb8de76af4ba6e83f968c4b38a769?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/0a7eb26b2358dc446663e9550c263de3c61bb8de76af4ba6e83f968c4b38a769?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0a7eb26b2358dc446663e9550c263de3c61bb8de76af4ba6e83f968c4b38a769?s=96&d=mm&r=g","caption":"pauladams"},"sameAs":["https:\/\/itwebsconsultant.com\/blog"],"url":"https:\/\/itwebsconsultant.com\/blog\/author\/pauladams\/"}]}},"_links":{"self":[{"href":"https:\/\/itwebsconsultant.com\/blog\/wp-json\/wp\/v2\/posts\/172","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itwebsconsultant.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/itwebsconsultant.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/itwebsconsultant.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/itwebsconsultant.com\/blog\/wp-json\/wp\/v2\/comments?post=172"}],"version-history":[{"count":5,"href":"https:\/\/itwebsconsultant.com\/blog\/wp-json\/wp\/v2\/posts\/172\/revisions"}],"predecessor-version":[{"id":230,"href":"https:\/\/itwebsconsultant.com\/blog\/wp-json\/wp\/v2\/posts\/172\/revisions\/230"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/itwebsconsultant.com\/blog\/wp-json\/wp\/v2\/media\/173"}],"wp:attachment":[{"href":"https:\/\/itwebsconsultant.com\/blog\/wp-json\/wp\/v2\/media?parent=172"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/itwebsconsultant.com\/blog\/wp-json\/wp\/v2\/categories?post=172"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/itwebsconsultant.com\/blog\/wp-json\/wp\/v2\/tags?post=172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}