ComputersFile Types

A little bit about how to create an HTML file

Now we will tell you how to create an HTML file, because this is the beginning of the site. In order to get such a document, you can use a text editor or specialized applications. To ensure the correct display of the file in the browser, you will need to follow certain rules when creating the code.

Definition

To answer the question about how to create an HTML file, let's start with the definition. Such a material is a plain text document, but using special descriptors it is possible to set the location of the content elements of the page relative to individual objects or the browser window. You can view the result via an Internet browser.

In order to edit the HTML-code, you can use a text editor or select special programs that have the functions of automatic input and syntax highlighting. Note that Sublime Text became an example of an application that is well suited for efficient work with specified documents.

While using the code editor, select the "File" item in the main application menu, and then "Save as ...". Next, in the dialog box that appears, specify the directory in which the HTML file will be saved, as well as its name and exact extension. Thus, the format is easy to change.

You can convert a text document, turning it into an HTML page, simply appending the .html extension at the end of the title. It should be remembered that there are a number of specific situations in which even a correctly created file that has the correct format can not be opened in the browser. The reason for this may be incorrect design of the HTML-code structure.

rules

There are a number of rules, without full compliance with which the Internet page is displayed incorrectly or does not open at all. If you want to know how to create an HTML file without errors, remember several recommendations. The Tag is optional, but its presence will help the browser interpret the code correctly, and also recognize the specified document structure.

In certain situations, the reason for the incorrect display of the web page is the absence or incorrect writing of this tag. The pair code is a descriptor. It contains the contents of the entire web page. In this case, material elements that are located outside this tag are displayed as plain text or blocked by the browser.

The exception is . If you are talking about how to create an HTML file, it's important to know that the descriptor of the same name is mandatory for materials of this type. In this case, this designation can not be used as a tag for more than 1 time on the page. With the help of special notations and the information about the document is indicated.

Note that between these tags, using the and </ title> descriptors, you should specify the title of the web page. In turn, you can connect JavaScript or CSS files via <link>. </p> <p> Similarly, within the <head> parameter, the document type, encoding, styles, design versions in different browsers, and a number of other parameters are given. Although the content of the tag is not displayed by the browser, this descriptor is required. </p> <h2> The basis </h2><p><amp-img src="https://images.birmiss.com/image/fbf6aa7970090e9e.jpg" alt="Html file" width="700" height="460" layout="intrinsic"></amp-img> The <body> tag, in conjunction with </ body>, encompasses the body of the site - information that is displayed on the user's screen. It can be about headings, subtitles, paragraphs and lines of text, images, video or other multimedia objects. The specified descriptor is required. </p> <p> Inside, other elements can be applied: <footer>, <article> or <header>. Although they do not directly affect the result displayed in the browser, they create an HTML code structure, it is considered a good form among web developers and layout designers. </p> <h2> Notepad at hand </h2><p><amp-img src="https://images.birmiss.com/image/7072baa66fe20e96.jpg" alt="How to create an html file in notepad" width="700" height="460" layout="intrinsic"></amp-img> Now we'll look at how to create an HTML file in Notepad. It was with the development of HTML pages that all web programmers started training in web application development in this application. You can also master such a simple science. Fill in the "Notepad" information follows, based on the advice that was given earlier, that is, to study the meaning of tags, place them in the right places, fill with content. </p> <p> Turn "Notepad" into an HTML page is very simple, how to do it, we have already described. Thus, you have familiarized yourself with the basics of the process, and perhaps you will agree that creating an HTML file is not very difficult. </p> </div> <!--mvp-content-main--> </div> <!--mvp-content-body-top--> </div> <!--mvp-content-body--> </div> <!--mvp-content-wrap--> </div> <!--mvp-post-content--> </div> <!--mvp-post-main--> <div id="mvp-post-more-wrap" class="left relative"> <h4 class="mvp-post-header"> <span class="mvp-post-header">Similar articles</span> </h4> <ul class="mvp-post-more-list left relative"> <li> <div class="mvp-post-more-img left relative"> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://en.birmiss.com/formats-of-text-files-and-programs-for-working-with-them-history-and-our-days/"> <p>Formats of text files and programs for working with them: history and our days</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Computers</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://en.birmiss.com/skp-than-to-open-a-file/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/f894d2bb7e810edc-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/f894d2bb7e810edc-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://en.birmiss.com/skp-than-to-open-a-file/"> <p>SKP: than to open a file?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Computers</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://en.birmiss.com/website-builder-ukit-reviews-and-reviews/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/747e39d17e810ed6-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/747e39d17e810ed6-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://en.birmiss.com/website-builder-ukit-reviews-and-reviews/"> <p>Website builder uKit: reviews and reviews</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Computers</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://en.birmiss.com/udf-file-system-what-to-open/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/90309be36fda0e98-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/90309be36fda0e98-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://en.birmiss.com/udf-file-system-what-to-open/"> <p>UDF file system: what to open?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Computers</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://en.birmiss.com/details-on-how-to-change-numbers-in-excel-for-letters/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/02511fd770610ea8-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/02511fd770610ea8-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://en.birmiss.com/details-on-how-to-change-numbers-in-excel-for-letters/"> <p>Details on how to change numbers in Excel for letters</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Computers</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://en.birmiss.com/how-to-make-an-invisible-folder-visible-and-vice-versa/"> <p>How to make an invisible folder visible and vice versa</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Computers</span></h3> </a> </div> <!--mvp-post-more-text--> </li> </ul> </div> <!--mvp-post-more-wrap--> <p> </p><p> </p><p> </p><p> </p> <div id="mvp-post-more-wrap" class="left relative"> <h4 class="mvp-post-header"> <span class="mvp-post-header">Trending Now</span> </h4> <ul class="mvp-post-more-list left relative"> <li> <div class="mvp-post-more-img left relative"> <a href="https://en.birmiss.com/multivalued-adjective-tart-tart-taste-aroma-temper-kiss/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/1af7569870110ea0-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/1af7569870110ea0-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://en.birmiss.com/multivalued-adjective-tart-tart-taste-aroma-temper-kiss/"> <p>Multivalued adjective "tart". Tart taste, aroma, temper, kiss ...</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Education</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://en.birmiss.com/sanatoriums-and-boarding-houses-of-krasnodar-region-rating-reviews-best-boarding-house-krasnodar-region/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/bed5eb6b7dac0eca-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/bed5eb6b7dac0eca-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://en.birmiss.com/sanatoriums-and-boarding-houses-of-krasnodar-region-rating-reviews-best-boarding-house-krasnodar-region/"> <p>Sanatoriums and boarding houses of Krasnodar region: rating, reviews. Best boarding house (Krasnodar region)</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Travels</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://en.birmiss.com/how-to-make-a-round-snowflake-from-paper/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/e482d0c37dfa0ec6-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/e482d0c37dfa0ec6-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://en.birmiss.com/how-to-make-a-round-snowflake-from-paper/"> <p>How to make a round snowflake from paper</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Hobby</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://en.birmiss.com/an-example-of-an-open-question-in-sales-how-to-ask-a-question-and-talk-a-client/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/e7c683da7dbc0ec6-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/e7c683da7dbc0ec6-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://en.birmiss.com/an-example-of-an-open-question-in-sales-how-to-ask-a-question-and-talk-a-client/"> <p>An example of an open question in sales. How to ask a question and talk a client</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Business</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://en.birmiss.com/aquaphor-filters-customer-reviews/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/74ed053570130e99-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/74ed053570130e99-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://en.birmiss.com/aquaphor-filters-customer-reviews/"> <p>"Aquaphor" filters: customer reviews</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Home and family</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://en.birmiss.com/hemorrhoids-in-children-features/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/89624e37702b0ea1-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/89624e37702b0ea1-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://en.birmiss.com/hemorrhoids-in-children-features/"> <p>Hemorrhoids in children. Features</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Health</span></h3> </a> </div> <!--mvp-post-more-text--> </li> </ul> </div> <!--mvp-post-more-wrap--> <p> </p><p> </p><p> </p><p> </p> <div id="mvp-post-more-wrap" class="left relative"> <h4 class="mvp-post-header" style="margin-top:40px;"> <span class="mvp-post-header">Newest</span> </h4> <ul class="mvp-post-more-list left relative"> <li> <div class="mvp-post-more-img left relative"> <a href="https://en.birmiss.com/uaz-gearbox-maintenance/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/9c2afe557def0ecc-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/9c2afe557def0ecc-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://en.birmiss.com/uaz-gearbox-maintenance/"> <p>UAZ, gearbox: maintenance</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Automobiles</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://en.birmiss.com/is-theology-a-science-or-not/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/d4bd714354be0e42-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/d4bd714354be0e42-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://en.birmiss.com/is-theology-a-science-or-not/"> <p>Is theology a science or not?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">News and Society</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://en.birmiss.com/north-west-district-industrial-commercial-and-cultural-center-of-russia/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/3a9b9d16622e0e6e-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/3a9b9d16622e0e6e-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://en.birmiss.com/north-west-district-industrial-commercial-and-cultural-center-of-russia/"> <p>North-West district - industrial, commercial and cultural center of Russia</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">News and Society</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://en.birmiss.com/planting-crocuses-in-the-fall-in-the-ground-terms-of-planting-crocuses/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/aa210bb2703e0ea3-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/aa210bb2703e0ea3-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://en.birmiss.com/planting-crocuses-in-the-fall-in-the-ground-terms-of-planting-crocuses/"> <p>Planting crocuses in the fall in the ground. Terms of planting crocuses</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Homeliness</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://en.birmiss.com/anthropocentrism-is-a-concept-in-which-man-is-represented-as-the-center-of-the-universe/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/f7794eb070320ea5-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/f7794eb070320ea5-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://en.birmiss.com/anthropocentrism-is-a-concept-in-which-man-is-represented-as-the-center-of-the-universe/"> <p>Anthropocentrism is a concept in which Man is represented as the center of the universe</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">News and Society</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://en.birmiss.com/what-is-a-caste-in-india/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/1e8686a6626a0e72-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/1e8686a6626a0e72-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://en.birmiss.com/what-is-a-caste-in-india/"> <p>What is a caste in India</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">News and Society</span></h3> </a> </div> <!--mvp-post-more-text--> </li> </ul> </div> <!--mvp-post-more-wrap--> </div> <!--mvp-main-box--> </div> <!--mvp-article-cont--> </article> <!--mvp-article-wrap--> </div> <!--mvp-main-body-wrap--> <footer id="mvp-foot-wrap" class="left relative"> <div id="mvp-foot-bot" class="left relative"> <div class="mvp-main-box"> <div id="mvp-foot-copy" class="left relative"> <p>Copyright © 2018 en.birmiss.com. Theme powered by WordPress.</p> </div> <!--mvp-foot-copy--> </div> <!--mvp-main-box--> </div> <!--mvp-foot-bot--> </footer> </div> <!--mvp-site-main--> </div> <!--mvp-site-wall--> </div> <!--mvp-site--> <div id="statcounter"> <amp-pixel src="https://c.statcounter.com/11999666/0/ec2c5c75/1/"> </amp-pixel> </div> </body> </html> <!-- Dynamic page generated in 1.402 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-09-30 02:18:41 --> <!-- 0.001 -->