How To Protect Website Source Code In WordPress & PHP?<\/a><\/p>\n\n\n\nSo if you want to create your own custom website with HTML CSS and Javascript, then you should first get this language. And you should have knowledge of basic design and development. And you should also have knowledge of Graphics Designing. Because Graphics also helps to a great extent in creating a professional website Unique Interface?<\/p>\n\n\n\n
And if you do not know Basic HTML, CSS, JavaScript, etc., you can learn for free on this Oflox Try Editor<\/em>. And you can practice yourself.<\/p>\n\n\n\n\n
\n
<\/span>HTML \u0938\u0940\u0916\u0928\u093e \u091a\u093e\u0939\u0924\u0947\u0902 \u0939\u0948, \u0924\u094b \u092f\u0939\u093e\u0902 \u092a\u094d\u0930\u092f\u093e\u0938 \u0915\u0930\u0947\u0902!<\/span><\/h3><\/div>\n\nHTML Online Editor And Viewer<\/title>\n<script src=\"https:\/\/oflox.com\/demo\/jquery\/tryeditor\/jquery-1.12.4.min.js\"><\/script>\n<style type=\"text\/css\">\n.entry a {\n color: #1f2024;\n}\n.divider, .entry hr {\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n overflow: hidden;\n margin: 10px 0 10px;\n clear: both;\n}\nbr { display: none; }\n textarea, iframe{display: block;margin: 10px 0;width:100%;border: 1px solid #333;}\n<\/style>\n<script type=\"text\/javascript\">\n function updateIframe(){\n var myFrame = $(\"#myframe\").contents().find('body');\n var textareaValue = $(\"textarea\").val();\n myFrame.html(textareaValue);\n }\n<\/script>\n\n\n<textarea rows=\"5\" cols=\"50\" placeholder=\"Type HTML or text here...\"><\/textarea>\n<button style=\"border:0\" type=\"button\" onclick=\"updateIframe()\">Run Code <\/button>\n<iframe id=\"myframe\"><\/iframe><a style=\"text-align: right; display: block; margin-bottom: -30px;\" href=\"https:\/\/www.oflox.com\/\" target=\"_balnk\" rel=\"noopener noreferrer\">\u00a9 <img decoding=\"async\" src=\"https:\/\/www.oflox.com\/images\/logo-dark.png\" width=\"40\"><\/a><hr color=\"white\">\n\n<\/div>\n\n\n\n<p>But if you have the right knowledge of these programming languages. And if you want to make your custom website, let’s start. And learn about how to create a custom website.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"1-how-can-i-create-a-website-using-html\"><span class=\"ez-toc-section\" id=\"1_How_can_I_create_a_website_using_HTML\"><\/span> 1. How can I create a website using HTML? <span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>Write HTML Using Notepad or TextEdit. Web pages can be created and modified by using professional HTML editors. \u2026<\/li><li>Open Notepad In Your Computer & Laptop \u2026<\/li><li>Open TextEdit (Mac) \u2026<\/li><li>Write Some HTML. \u2026<\/li><li>Save the HTML Page. \u2026<\/li><li>View the HTML Page in Your Browser. \u2026<\/li><li>And Use Oflox Try Editor.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2-what-is-title-how-to-add\"><span class=\"ez-toc-section\" id=\"2_What_Is_Title_How_To_Add\"><\/span> 2. What Is Title & How To Add?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>In the title, you have to tell about your webpage, what is the title of your page. And when your website will be searched on Google etc. search engine, then that title looks something like this.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"624\" height=\"102\" src=\"https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2019\/08\/What-Is-Title.png\" alt=\"What Is Title\" class=\"wp-image-806\" srcset=\"https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2019\/08\/What-Is-Title.png 624w, https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2019\/08\/What-Is-Title-300x49.png 300w\" sizes=\"auto, (max-width: 624px) 100vw, 624px\" \/><\/figure>\n\n\n\n<pre class=\"wp-block-code\"><code><title>Your Title Here!!!<\/title><\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code><!DOCTYPE html>\n<html>\n<head>\n<title>Your Title Here!!!<\/title>\n<\/head>\n<body>\n<h1>This is a heading<\/h1>\n<p>This is a paragraph.<\/p>\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3-what-is-description-how-to-add\"><span class=\"ez-toc-section\" id=\"3_What_Is_Description_How_To_Add\"><\/span>3. What Is Description & How To Add?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Or In the description, you have to tell about your webpage, which topic is your webpage. What are you going to tell this? And so on. And it looks something like this.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"624\" height=\"102\" src=\"https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2019\/08\/Whats-Is-Description.png\" alt=\"What is Description\" class=\"wp-image-807\" srcset=\"https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2019\/08\/Whats-Is-Description.png 624w, https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2019\/08\/Whats-Is-Description-300x49.png 300w\" sizes=\"auto, (max-width: 624px) 100vw, 624px\" \/><\/figure>\n\n\n\n<pre class=\"wp-block-code\"><code><meta name=\"description\" content=\"Your Short Description Here!!!\"\/><\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code><!DOCTYPE html>\n<html>\n<head>\n<meta name=\"description\" content=\"Your Short Description Here!!!\"\/>\n<\/head>\n<body>\n<h1>This is a heading<\/h1>\n<p>This is a paragraph.<\/p>\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"4-how-to-add-css-in-html\"><span class=\"ez-toc-section\" id=\"4_How_To_Add_CSS_in_HTML\"><\/span>4. How To Add CSS in HTML? <span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Guys, If You Want to Add CSS in your website. So CSS can be added to HTML elements in 3 ways: Inline – by using the style attribute in HTML elements. Internal – by using a <strong><style><\/strong> element in the <strong><head><\/strong> section. So how is this done, let us know?<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><!DOCTYPE html>\n<html>\n<head>\n<link rel=\"stylesheet\" type=\"text\/css\" href=\"mystyle.css\">\n<\/head>\n<body>\n<h1>This is a heading<\/h1>\n<p>This is a paragraph.<\/p>\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"5-how-to-add-javascript-in-html\"><span class=\"ez-toc-section\" id=\"5_How_To_Add_Javascript_in_HTML\"><\/span> 5. How To Add Javascript in HTML? <span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>If you have created a javascript code for your website. And if you want to add it to your website’s HTML code, then you can add it using this tag. <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><script src=\"js\/jquery.min.js\"><\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code><!DOCTYPE html>\n<html>\n<head>\n<script src=\"js\/jquery.min.js\"><\/script>\n<\/head>\n<body>\n<h1>This is a heading<\/h1>\n<p>This is a paragraph.<\/p>\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"6-what-is-favicon-and-how-to-add\"><span class=\"ez-toc-section\" id=\"6_What_Is_Favicon_And_How-To_Add\"><\/span>6. What Is Favicon And How-To Add? <span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Now if you want to add a favicon to your website, you can use this tag. But first, you must know what a favicon is. So let’s get to know. And If you add it to your website, then this SEO According to this is a good point. So this is the favicon? <\/p>\n\n\n\n<figure class=\"wp-block-image alignwide\"><img loading=\"lazy\" decoding=\"async\" width=\"410\" height=\"149\" src=\"https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2019\/08\/What-Is-Favicon.png\" alt=\"What Is Favicon\" class=\"wp-image-802\" srcset=\"https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2019\/08\/What-Is-Favicon.png 410w, https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2019\/08\/What-Is-Favicon-300x109.png 300w\" sizes=\"auto, (max-width: 410px) 100vw, 410px\" \/><\/figure>\n\n\n\n<p>So if you want to put it on your website, then you can use this tag. And the size of this image should be 48 * 48.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><link rel=\"shortcut icon\" href=\"\/images\/favicon.ico\"><\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code><!DOCTYPE html>\n<html>\n<head>\n<link rel=\"shortcut icon\" href=\"\/images\/favicon.ico\">\n<\/head>\n<body>\n<h1>This is a heading<\/h1>\n<p>This is a paragraph.<\/p>\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"7-what-is-canonical-url-how-to-add\"><span class=\"ez-toc-section\" id=\"7_What_Is_Canonical_URL_How_To_Add\"><\/span>7. What Is Canonical URL & How To Add?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Guys if the Canonical URL is the identity of each of your web pages. It has to be added to every page of every Custom Website. But in WordPress, it becomes an Automatic add. If you do not add it, then if someone uses the Content used on that webpage. And along with the canonical URL, you will not be the owner, its owner will be the one who first added that canonical URL to your page. So that’s why you add Canonical URL to every page.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><link rel=\"canonical\" href=\"http:\/\/www.yourwebsite.com\"><\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code><!DOCTYPE html>\n<html>\n<head>\n<link rel=\"canonical\" href=\"http:\/\/www.yourwebsite.com\">\n<\/head>\n<body>\n<h1>This is a heading<\/h1>\n<p>This is a paragraph.<\/p>\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"8-what-is-utf-8-how-to-add\"><span class=\"ez-toc-section\" id=\"8_What_Is_UTF%E2%80%938_How_To_Add\"><\/span>8. What Is <strong>UTF<\/strong>–<strong>8<\/strong> & How To Add?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Guys, A Unicode-based encoding such as <strong>UTF<\/strong>–<strong>8<\/strong> can support many languages and can accommodate pages and forms in any mixture of those languages. Its <strong>use<\/strong> also eliminates the need for server-side logic to individually determine the character encoding for each page served or each incoming form submission. <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><meta charset=\"utf-8\"><\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code><!DOCTYPE html>\n<html>\n<head>\n<meta charset=\"utf-8\">\n<\/head>\n<body>\n<h1>This is a heading<\/h1>\n<p>This is a paragraph.<\/p>\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\n<p>So friends, after designing your website as per your wish, go to any of your <strong>Hosting<\/strong> <strong>File Manager<\/strong> and go to a folder named <strong>Public_html<\/strong> and extract your Zip File. After that, your website cook will go live like this.<\/p>\n\n\n\n<figure class=\"wp-block-image alignwide\"><img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"756\" src=\"https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2019\/08\/oflox-full-image.png\" alt=\"Oflox Digital Marketing Company\" class=\"wp-image-811\" srcset=\"https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2019\/08\/oflox-full-image.png 1500w, https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2019\/08\/oflox-full-image-300x151.png 300w, https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2019\/08\/oflox-full-image-768x387.png 768w, https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2019\/08\/oflox-full-image-1024x516.png 1024w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/figure>\n\n\n\n<p>So, friends, I hope that by now you will know <strong>how to make a website using HTML and CSS,<\/strong> and Javascript, so if you still have any questions and pleasures, then you can tell us in the comment box below. If you want to know more about this, then watch this video.<\/p>\n\n\n\n<figure class=\"wp-block-embed alignwide is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Oflox Is The Best And [Top] Web Development Company In Dehradun l Dehradun Web Development Company?\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/SEM6dsdn0Hk?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Friends, if you want to know more about <a href=\"https:\/\/www.oflox.com\/\">Oflox Digital Marketing Company<\/a>, then follow us on <a href=\"https:\/\/facebook.com\/OfloxIndia\/\">Facebook<\/a>, <a href=\"http:\/\/twitter.com\/oflox3\">Twitter<\/a>, and <a href=\"https:\/\/instagram.com\/ofloxindia\">Instagram<\/a> page And thank you very much for reading this post. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hey, today I will tell you How To Make A Website Using HTML And CSS & How To Create A … <\/p>\n<p class=\"read-more-container\"><a title=\"How To Make A Website Using HTML And CSS | In Easy Steps?\" class=\"read-more button\" href=\"https:\/\/www.oflox.com\/blog\/how-to-make-a-website-using-html-and-css\/#more-796\" aria-label=\"More on How To Make A Website Using HTML And CSS | In Easy Steps?\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":815,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[661,665,655,656,663,660,667,659,666,658,664,657,662],"class_list":["post-796","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-designing","tag-codecademy-html-css","tag-how-to-create-a-webpage-using-html","tag-how-to-create-a-webpage-using-html-and-css","tag-how-to-create-a-website-using-html-code","tag-how-to-make-a-website-using-html","tag-how-to-make-a-website-using-html-and-css","tag-how-to-make-a-website-using-html-and-css-step-by-step","tag-how-to-make-a-website-using-html-in-notepad","tag-how-to-make-a-website-using-html5","tag-html-code-for-website-design","tag-html-code-for-website-design-pdf","tag-html-web-page-examples-with-source-code","tag-sample-html-code-for-homepage","resize-featured-image"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How To Make A Website Using HTML And CSS | In Easy Steps?<\/title>\n<meta name=\"description\" content=\"Hey, today I will tell you how to make a website using HTML and CSS & how to create a website using HTML and CSS with step by step, if you want to know,\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.oflox.com\/blog\/how-to-make-a-website-using-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 Make A Website Using HTML And CSS | In Easy Steps?\" \/>\n<meta property=\"og:description\" content=\"Hey, today I will tell you how to make a website using HTML and CSS & how to create a website using HTML and CSS with step by step, if you want to know,\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.oflox.com\/blog\/how-to-make-a-website-using-html-and-css\/\" \/>\n<meta property=\"og:site_name\" content=\"Oflox\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/ofloxindia\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/ofloxindia\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-11-30T01:05:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-06-01T06:39:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2019\/08\/How-To-Make-A-Website-Using-HTML-And-CSS.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Editorial Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@oflox3\" \/>\n<meta name=\"twitter:site\" content=\"@oflox3\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Editorial Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/how-to-make-a-website-using-html-and-css\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/how-to-make-a-website-using-html-and-css\\\/\"},\"author\":{\"name\":\"Editorial Team\",\"@id\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/#\\\/schema\\\/person\\\/967235da2149ca663a607d1c0acd4f81\"},\"headline\":\"How To Make A Website Using HTML And CSS | In Easy Steps?\",\"datePublished\":\"2019-11-30T01:05:00+00:00\",\"dateModified\":\"2022-06-01T06:39:25+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/how-to-make-a-website-using-html-and-css\\\/\"},\"wordCount\":1060,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/how-to-make-a-website-using-html-and-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/08\\\/How-To-Make-A-Website-Using-HTML-And-CSS.png\",\"keywords\":[\"codecademy html css\",\"how to create a webpage using html\",\"how to create a webpage using html and css\",\"how to create a website using html code\",\"How To Make A Website Using HTML\",\"How To Make A Website Using HTML And CSS\",\"how to make a website using html and css step by step\",\"how to make a website using html in notepad\",\"How To Make A Website Using HTML5\",\"html code for website design\",\"html code for website design pdf\",\"html web page examples with source code\",\"sample html code for homepage\"],\"articleSection\":[\"Web Designing\"],\"inLanguage\":\"en\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.oflox.com\\\/blog\\\/how-to-make-a-website-using-html-and-css\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/how-to-make-a-website-using-html-and-css\\\/\",\"url\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/how-to-make-a-website-using-html-and-css\\\/\",\"name\":\"How To Make A Website Using HTML And CSS | In Easy Steps?\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/how-to-make-a-website-using-html-and-css\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/how-to-make-a-website-using-html-and-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/08\\\/How-To-Make-A-Website-Using-HTML-And-CSS.png\",\"datePublished\":\"2019-11-30T01:05:00+00:00\",\"dateModified\":\"2022-06-01T06:39:25+00:00\",\"description\":\"Hey, today I will tell you how to make a website using HTML and CSS & how to create a website using HTML and CSS with step by step, if you want to know,\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/how-to-make-a-website-using-html-and-css\\\/#breadcrumb\"},\"inLanguage\":\"en\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.oflox.com\\\/blog\\\/how-to-make-a-website-using-html-and-css\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/how-to-make-a-website-using-html-and-css\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/08\\\/How-To-Make-A-Website-Using-HTML-And-CSS.png\",\"contentUrl\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/08\\\/How-To-Make-A-Website-Using-HTML-And-CSS.png\",\"width\":1280,\"height\":720,\"caption\":\"How To Make A Website Using HTML And CSS\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/how-to-make-a-website-using-html-and-css\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How To Make A Website Using HTML And CSS | In Easy Steps?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/\",\"name\":\"Oflox\",\"description\":\"India’s #1 Trusted Digital Marketing Company\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/#organization\",\"name\":\"Oflox\",\"url\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/Ab2vH5fv3tj5gKpW_G3bKT_Ozlxpt4IkokKOWQoC7X_fvRHLGT_gR-qhQzXVxHhnl9u3yGY1rfxR7jvSz6DA6gw355-h355.jpg\",\"contentUrl\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/Ab2vH5fv3tj5gKpW_G3bKT_Ozlxpt4IkokKOWQoC7X_fvRHLGT_gR-qhQzXVxHhnl9u3yGY1rfxR7jvSz6DA6gw355-h355.jpg\",\"width\":355,\"height\":355,\"caption\":\"Oflox\"},\"image\":{\"@id\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/ofloxindia\",\"https:\\\/\\\/x.com\\\/oflox3\",\"https:\\\/\\\/www.instagram.com\\\/ofloxindia\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/#\\\/schema\\\/person\\\/967235da2149ca663a607d1c0acd4f81\",\"name\":\"Editorial Team\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ff86524713a69d2c211ad6cbec38fb15eb59030ba5e59ddad406dfb7eb4e5b0c?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ff86524713a69d2c211ad6cbec38fb15eb59030ba5e59ddad406dfb7eb4e5b0c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ff86524713a69d2c211ad6cbec38fb15eb59030ba5e59ddad406dfb7eb4e5b0c?s=96&d=mm&r=g\",\"caption\":\"Editorial Team\"},\"sameAs\":[\"https:\\\/\\\/www.oflox.com\\\/\",\"https:\\\/\\\/www.facebook.com\\\/ofloxindia\\\/\",\"https:\\\/\\\/www.instagram.com\\\/ofloxindia\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/ofloxindia\\\/\",\"https:\\\/\\\/x.com\\\/oflox3\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How To Make A Website Using HTML And CSS | In Easy Steps?","description":"Hey, today I will tell you how to make a website using HTML and CSS & how to create a website using HTML and CSS with step by step, if you want to know,","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:\/\/www.oflox.com\/blog\/how-to-make-a-website-using-html-and-css\/","og_locale":"en_US","og_type":"article","og_title":"How To Make A Website Using HTML And CSS | In Easy Steps?","og_description":"Hey, today I will tell you how to make a website using HTML and CSS & how to create a website using HTML and CSS with step by step, if you want to know,","og_url":"https:\/\/www.oflox.com\/blog\/how-to-make-a-website-using-html-and-css\/","og_site_name":"Oflox","article_publisher":"https:\/\/www.facebook.com\/ofloxindia","article_author":"https:\/\/www.facebook.com\/ofloxindia\/","article_published_time":"2019-11-30T01:05:00+00:00","article_modified_time":"2022-06-01T06:39:25+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2019\/08\/How-To-Make-A-Website-Using-HTML-And-CSS.png","type":"image\/png"}],"author":"Editorial Team","twitter_card":"summary_large_image","twitter_creator":"@oflox3","twitter_site":"@oflox3","twitter_misc":{"Written by":"Editorial Team","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.oflox.com\/blog\/how-to-make-a-website-using-html-and-css\/#article","isPartOf":{"@id":"https:\/\/www.oflox.com\/blog\/how-to-make-a-website-using-html-and-css\/"},"author":{"name":"Editorial Team","@id":"https:\/\/www.oflox.com\/blog\/#\/schema\/person\/967235da2149ca663a607d1c0acd4f81"},"headline":"How To Make A Website Using HTML And CSS | In Easy Steps?","datePublished":"2019-11-30T01:05:00+00:00","dateModified":"2022-06-01T06:39:25+00:00","mainEntityOfPage":{"@id":"https:\/\/www.oflox.com\/blog\/how-to-make-a-website-using-html-and-css\/"},"wordCount":1060,"commentCount":0,"publisher":{"@id":"https:\/\/www.oflox.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.oflox.com\/blog\/how-to-make-a-website-using-html-and-css\/#primaryimage"},"thumbnailUrl":"https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2019\/08\/How-To-Make-A-Website-Using-HTML-And-CSS.png","keywords":["codecademy html css","how to create a webpage using html","how to create a webpage using html and css","how to create a website using html code","How To Make A Website Using HTML","How To Make A Website Using HTML And CSS","how to make a website using html and css step by step","how to make a website using html in notepad","How To Make A Website Using HTML5","html code for website design","html code for website design pdf","html web page examples with source code","sample html code for homepage"],"articleSection":["Web Designing"],"inLanguage":"en","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.oflox.com\/blog\/how-to-make-a-website-using-html-and-css\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.oflox.com\/blog\/how-to-make-a-website-using-html-and-css\/","url":"https:\/\/www.oflox.com\/blog\/how-to-make-a-website-using-html-and-css\/","name":"How To Make A Website Using HTML And CSS | In Easy Steps?","isPartOf":{"@id":"https:\/\/www.oflox.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.oflox.com\/blog\/how-to-make-a-website-using-html-and-css\/#primaryimage"},"image":{"@id":"https:\/\/www.oflox.com\/blog\/how-to-make-a-website-using-html-and-css\/#primaryimage"},"thumbnailUrl":"https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2019\/08\/How-To-Make-A-Website-Using-HTML-And-CSS.png","datePublished":"2019-11-30T01:05:00+00:00","dateModified":"2022-06-01T06:39:25+00:00","description":"Hey, today I will tell you how to make a website using HTML and CSS & how to create a website using HTML and CSS with step by step, if you want to know,","breadcrumb":{"@id":"https:\/\/www.oflox.com\/blog\/how-to-make-a-website-using-html-and-css\/#breadcrumb"},"inLanguage":"en","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.oflox.com\/blog\/how-to-make-a-website-using-html-and-css\/"]}]},{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/www.oflox.com\/blog\/how-to-make-a-website-using-html-and-css\/#primaryimage","url":"https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2019\/08\/How-To-Make-A-Website-Using-HTML-And-CSS.png","contentUrl":"https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2019\/08\/How-To-Make-A-Website-Using-HTML-And-CSS.png","width":1280,"height":720,"caption":"How To Make A Website Using HTML And CSS"},{"@type":"BreadcrumbList","@id":"https:\/\/www.oflox.com\/blog\/how-to-make-a-website-using-html-and-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.oflox.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How To Make A Website Using HTML And CSS | In Easy Steps?"}]},{"@type":"WebSite","@id":"https:\/\/www.oflox.com\/blog\/#website","url":"https:\/\/www.oflox.com\/blog\/","name":"Oflox","description":"India’s #1 Trusted Digital Marketing Company","publisher":{"@id":"https:\/\/www.oflox.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.oflox.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en"},{"@type":"Organization","@id":"https:\/\/www.oflox.com\/blog\/#organization","name":"Oflox","url":"https:\/\/www.oflox.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/www.oflox.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2020\/05\/Ab2vH5fv3tj5gKpW_G3bKT_Ozlxpt4IkokKOWQoC7X_fvRHLGT_gR-qhQzXVxHhnl9u3yGY1rfxR7jvSz6DA6gw355-h355.jpg","contentUrl":"https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2020\/05\/Ab2vH5fv3tj5gKpW_G3bKT_Ozlxpt4IkokKOWQoC7X_fvRHLGT_gR-qhQzXVxHhnl9u3yGY1rfxR7jvSz6DA6gw355-h355.jpg","width":355,"height":355,"caption":"Oflox"},"image":{"@id":"https:\/\/www.oflox.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/ofloxindia","https:\/\/x.com\/oflox3","https:\/\/www.instagram.com\/ofloxindia"]},{"@type":"Person","@id":"https:\/\/www.oflox.com\/blog\/#\/schema\/person\/967235da2149ca663a607d1c0acd4f81","name":"Editorial Team","image":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/secure.gravatar.com\/avatar\/ff86524713a69d2c211ad6cbec38fb15eb59030ba5e59ddad406dfb7eb4e5b0c?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/ff86524713a69d2c211ad6cbec38fb15eb59030ba5e59ddad406dfb7eb4e5b0c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ff86524713a69d2c211ad6cbec38fb15eb59030ba5e59ddad406dfb7eb4e5b0c?s=96&d=mm&r=g","caption":"Editorial Team"},"sameAs":["https:\/\/www.oflox.com\/","https:\/\/www.facebook.com\/ofloxindia\/","https:\/\/www.instagram.com\/ofloxindia\/","https:\/\/www.linkedin.com\/company\/ofloxindia\/","https:\/\/x.com\/oflox3"]}]}},"_links":{"self":[{"href":"https:\/\/www.oflox.com\/blog\/wp-json\/wp\/v2\/posts\/796","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.oflox.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.oflox.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.oflox.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.oflox.com\/blog\/wp-json\/wp\/v2\/comments?post=796"}],"version-history":[{"count":0,"href":"https:\/\/www.oflox.com\/blog\/wp-json\/wp\/v2\/posts\/796\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.oflox.com\/blog\/wp-json\/wp\/v2\/media\/815"}],"wp:attachment":[{"href":"https:\/\/www.oflox.com\/blog\/wp-json\/wp\/v2\/media?parent=796"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.oflox.com\/blog\/wp-json\/wp\/v2\/categories?post=796"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.oflox.com\/blog\/wp-json\/wp\/v2\/tags?post=796"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"How](\"https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2019\/08\/How-To-Make-A-Website-Using-HTML-And-CSS-1024x576.png\")
<\/figure>\n\n\n\n\n