[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"doc-detail-173522-en":3,"doc-seo-173522-105":30,"detail-sidebar-cat-1-en-105":90},{"code":4,"msg":5,"data":6},0,"success",{"doc_id":7,"user_id":8,"nickname":9,"user_avatar":10,"doc_module":11,"category_id":12,"category_name":13,"doc_title":14,"doc_description":15,"doc_content":16,"file_id":17,"file_url":18,"file_type":19,"file_size":20,"view_count":21,"is_deleted":4,"is_public":11,"is_downloadable":11,"audit_status":11,"page_count":12,"language":22,"language_code":23,"site_id":24,"html_lang":23,"table_of_contents":25,"faqs":26,"seo_title":27,"seo_description":15,"update_tm":28,"read_time":29},173522,2336475401981,"Chumphorn","https://ap-avatar.wpscdn.com/avatar/22000c94efd8d5204d?x-image-process=image/resize,m_fixed,w_180,h_180&k=1786935347598174694",1,11,"Presentations","Basic HTML for PC Tutorial Part 1 - Step by step instructions to build your first web page","A step-by-step tutorial for building a first web page using basic HTML on a PC. It introduces what HTML is, the idea of using tags to create hypertext documents, and why correct spelling, quoting, and matching opening and closing tags matter. The guide walks through creating a root folder, saving and sizing image files, opening and using Notepad, writing HTML with a centered table, and saving the file as index.html for viewing in a browser.","All Creative Designs\nBasic HTML for PC Tutorial Part 1\nUsing MS Notepad (Version May 2013)\nMy First Web Page\nStep by step instructions to build your first web page\nBrief Introduction\nWhat is html? The abbreviation stands for Hyper Text Markup Language. The computer language used to create hypertext documents, allowing connections from one document or internet page to numerous others. HTML is the primary language used to create pages on the World Wide Web. Duration of this tutorial is approximately 40 - 50 minutes.\nIf you can create a folder, save files and are able to copy and paste this tutorial is not difficult to complete.\nTable of Content\n\u0013 TOC \\o \"1-2\" \\h \\z \\u \u0014\u0013 HYPERLINK \\l \"_Toc356303748\" \u0014Step 1: Creating a folder for your web page\t\u0013 PAGEREF _Toc356303748 \\h \u00142\u0015\u0015\n\u0013 HYPERLINK \\l \"_Toc356303749\" \u0014Step 2: Saving image files into your web folder\t\u0013 PAGEREF _Toc356303749 \\h \u00143\u0015\u0015\n\u0013 HYPERLINK \\l \"_Toc356303750\" \u0014Step 3: Opening Notepad\t\u0013 PAGEREF _Toc356303750 \\h \u00144\u0015\u0015\n\u0013 HYPERLINK \\l \"_Toc356303751\" \u0014Step 4: Creating a notepad file\t\u0013 PAGEREF _Toc356303751 \\h \u00145\u0015\u0015\n\u0013 HYPERLINK \\l \"_Toc356303752\" \u0014Step 5: Saving your notepad file as index.html\t\u0013 PAGEREF _Toc356303752 \\h \u00148\u0015\u0015\n\u0013 HYPERLINK \\l \"_Toc356303753\" \u0014Step 6: Viewing your web page\t\u0013 PAGEREF _Toc356303753 \\h \u00149\u0015\u0015\n\u0013 HYPERLINK \\l \"_Toc356303754\" \u0014Step 7: Trouble Shooting\t\u0013 PAGEREF _Toc356303754 \\h \u001410\u0015\u0015\n\u0015\n\u000fStep 1: Creating a folder for your web page\nOpen Windows Explorer (My Computer) and select your My Documents folder.\n1. Create a new folder in My Documents by right clicking on New Folder Button\n2. Name it local_websites. This will be your root folder for any web site projects.\n(See Figure 1)\nIf you want to host your web page on a web server:\nNo spaces in any file or folder names use underscores, dashes or capital letters instead.\nFor example: myFirstwebPage or my-first-web-page.\n1. Select the local_websites folder you created.\n2. Click the New Folder Button again.\n3. Name your web page folder. This folder will contain all your web page files.\nIn this tutorial we named the folder my_first_web_page.\n(See Figure 1a)\n\u000fStep 2: Saving image files into your web folder\nGo to our photo pages under Gallery. Click below to open web page if necessary:\n\u0013 HYPERLINK \"http://www.allcreativedesigns.com.au/pages/gallanimals_amphibians.html\" \u0014www.allcreativedesigns.com.au/pages/gallanimals_amphibians.html\u0015\nYou might have to type or copy and paste this address into your browser if viewing the PDF version\n1. Right click the thumbnail image and select Save picture as…\n2. Navigate to your my_first_web_page folder\n3.  Click Save\nRepeat process so you have two images at (150x113px) or (180 x 135px) in your web page folder.\n(See Figure 2)\nIf you want to use your own images make sure they are 180 x 135px or 135 x 180px, (landscape or portrait orientation), or smaller in size, anything larger will spread your web page. Only jpg, gif or png image file formats will work and remember no spaces in image file names. Use underscores dashes or capital letters instead.\n\u000f\nStep 3: Opening Notepad\nOpen Notepad in windows, All Programs > Accessories > Notepad\n(See Figure 3)\nFigure 3\nTo create a notepad desktop icon right click, mouse over Send to > and select Desktop (create shortcut).\nOnly Notepad will work, do not use MS Word.\n\u000fStep 4: Creating a notepad file\nPlease read: Basic Instructions\nHTML is written in the form of labels referred to as tags surrounded by angle brackets. Tables, rows and cells are used to position content elements like images and text on your web page. In this tutorial we create a web page using a centered table at 900 pixels in width to fit on tablets, lap and desk top computers without left to right scrolling.\n(More explanations on tables, rows and cells in Basic HTML Tutorial Part 2.)\n.\nTheoretically all code could be typed on a single line, but this would make reading and troubleshooting your script very difficult. For that reason major tags and their related closing tags such as html,","cbCaisVC8VFh5Z8n","https://ap.wps.com/l/cbCaisVC8VFh5Z8n","docx",395527,2,"English","en",105,"# Step 1: Creating a folder for your web page\n## Step 2: Saving image files into your web folder\n## Step 3: Opening Notepad\n## Step 4: Creating a notepad file\n## Step 5: Saving your notepad file as index.html\n## Step 6: Viewing your web page\n## Step 7: Trouble Shooting","[{\"question\":\"What does HTML stand for and what is it used for?\",\"answer\":\"HTML stands for Hyper Text Markup Language. It is the primary language used to create pages on the World Wide Web by defining hypertext documents and linking them to other pages.\"},{\"question\":\"Why are correct tag spelling, quotes, and closing tags important?\",\"answer\":\"HTML relies on labels (tags) surrounded by angle brackets. Exact spelling, proper use of double quotes, and matching opening and closing tags prevent errors and ensure the web page works correctly.\"},{\"question\":\"How do you prepare folders and images for the tutorial’s web page?\",\"answer\":\"Create a root folder (local_websites) and a web page folder (e.g., my_first_web_page). Save images into that folder using supported formats (jpg/gif/png), correct sizing (around 180x135 or 135x180), and filenames with no spaces.\"}]","Basic HTML for PC Tutorial Part 1 - Step by step instructions to build your first web page | DOCX",1788304381,4,{"code":4,"msg":31,"data":32},"ok",{"site_id":24,"language":23,"slug":33,"title":14,"keywords":34,"description":15,"schema_data":35,"social_meta":85,"head_meta":87,"extra_data":89,"updated_unix":28},"basic-html-for-pc-tutorial-part-1-step-by-step-instructions-to-build-your-first-web-page","",{"@graph":36,"@context":84},[37,52,67],{"@type":38,"itemListElement":39},"BreadcrumbList",[40,44,47,50],{"item":41,"name":42,"@type":43,"position":11},"https://docshare.wps.com","Home","ListItem",{"item":45,"name":46,"@type":43,"position":21},"https://docshare.wps.com/template/","Template",{"item":48,"name":13,"@type":43,"position":49},"https://docshare.wps.com/template/presentations/",3,{"item":51,"name":14,"@type":43,"position":29},"https://docshare.wps.com/template/basic-html-for-pc-tutorial-part-1-step-by-step-instructions-to-build-your-first-web-page/173522/",{"url":51,"name":14,"@type":53,"author":54,"headline":14,"publisher":56,"fileFormat":59,"inLanguage":23,"description":15,"dateModified":60,"datePublished":61,"encodingFormat":59,"isAccessibleForFree":62,"interactionStatistic":63},"DigitalDocument",{"name":9,"@type":55},"Person",{"url":41,"name":57,"@type":58},"DocShare","Organization","application/vnd.openxmlformats-officedocument.wordprocessingml.document","2026-09-06","2026-09-01",true,{"@type":64,"interactionType":65,"userInteractionCount":21},"InteractionCounter",{"@type":66},"ViewAction",{"@type":68,"mainEntity":69},"FAQPage",[70,76,80],{"name":71,"@type":72,"acceptedAnswer":73},"What does HTML stand for and what is it used for?","Question",{"text":74,"@type":75},"HTML stands for Hyper Text Markup Language. It is the primary language used to create pages on the World Wide Web by defining hypertext documents and linking them to other pages.","Answer",{"name":77,"@type":72,"acceptedAnswer":78},"Why are correct tag spelling, quotes, and closing tags important?",{"text":79,"@type":75},"HTML relies on labels (tags) surrounded by angle brackets. Exact spelling, proper use of double quotes, and matching opening and closing tags prevent errors and ensure the web page works correctly.",{"name":81,"@type":72,"acceptedAnswer":82},"How do you prepare folders and images for the tutorial’s web page?",{"text":83,"@type":75},"Create a root folder (local_websites) and a web page folder (e.g., my_first_web_page). Save images into that folder using supported formats (jpg/gif/png), correct sizing (around 180x135 or 135x180), and filenames with no spaces.","https://schema.org",{"og:url":51,"og:type":86,"og:title":14,"og:site_name":57,"og:description":15},"article",{"robots":88,"canonical":51},"index,follow",{"doc_id":7,"site_id":24},{"code":4,"msg":5,"data":91},[92,95,100,105,110,115,120,125,130],{"id":12,"doc_module":11,"doc_module_name":46,"category_name":13,"show_sort_weight":93,"slug":94},90,"presentations",{"id":96,"doc_module":11,"doc_module_name":46,"category_name":97,"show_sort_weight":98,"slug":99},12,"Resumes",80,"resumes",{"id":101,"doc_module":11,"doc_module_name":46,"category_name":102,"show_sort_weight":103,"slug":104},14,"Invoices",70,"invoices",{"id":106,"doc_module":11,"doc_module_name":46,"category_name":107,"show_sort_weight":108,"slug":109},15,"Posters",60,"posters",{"id":111,"doc_module":11,"doc_module_name":46,"category_name":112,"show_sort_weight":113,"slug":114},16,"Social Media",50,"social-media",{"id":116,"doc_module":11,"doc_module_name":46,"category_name":117,"show_sort_weight":118,"slug":119},17,"Forms",40,"forms",{"id":121,"doc_module":11,"doc_module_name":46,"category_name":122,"show_sort_weight":123,"slug":124},18,"Letters",30,"letters",{"id":126,"doc_module":11,"doc_module_name":46,"category_name":127,"show_sort_weight":128,"slug":129},21,"Paper Templates",5,"papers-templates",{"id":131,"doc_module":11,"doc_module_name":46,"category_name":132,"show_sort_weight":4,"slug":133},158,"General","general-158"]