Write HTML Using Notepad or TextEdit Web pages can be created and modified by using professional HTML editors. However, for learning HTML we recommend a simple text editor like Notepad (PC) or TextEdit (Mac). We believe using a simple text editor is a good way to learn HTML. Follow the four steps below to create your first web page with Notepad or TextEdit. <div>Step 1: Open Notepad (PC)</div> Windows 8 or later: Open the Start Screen (the window symbol at the bottom left on your screen). Type Notepad. Windows 7 or earlier: Open Start > Programs > Accessories > Notepad Step 1: Open TextEdit (Mac) Open Finder > Applications > TextEdit Also change some preferences to get the application to save files correctly. In Preferences > Format >choose "Plain Text" Then under "Open and Save", check the box that says "Ignore rich text commands in HTML files". Then open a new document to place the code. Step 2: Write Some HTML Write or copy some HTML into Notepad. <!DOCTYPE html> <h1>My First Heading</h1> <p>My first paragraph.</p> https://steemitimages.com/DQmV2UgktRb1srt6UfCnGHzMRnj5MurRhTqCvGjZ9PGHpi8/image.png <div>Step 3: Save the HTML Page Save the file on your computer. Select File > Save as in the Notepad menu. Name the file "index.htm" and set the encoding to UTF-8 (which is the preferred encoding for HTML files). https://steemitimages.com/DQmZVAeZJRqYwt3kYr2eWbonkZLMmQzdRs6XtQ3htzjdzhr/image.png <div>Remember: You can use either .htm or .html as file extension. There is no difference, it is up to you.</div> <div>Step 4: View the HTML Page in Your Browser Open the saved HTML file in your favorite browser (double click on the file, or right-click - and choose "Open with"). The result will look much like this:</div> https://steemitimages.com/DQmSoqWLTr6EMK9q9tHG1hHT7fMJjjYLVxWiCqLUg8KMtoQ/image.png <a href="https://imgur.com/dWZ80sj"><img src="https://i.imgur.com/dWZ80sj.gif" title="source: imgur.com" /></a>
author | rechellomataro |
---|---|
permlink | the-editors-part-2 |
category | education |
json_metadata | {"tags":["education","passion","idea","blog"],"image":["https://steemitimages.com/DQmV2UgktRb1srt6UfCnGHzMRnj5MurRhTqCvGjZ9PGHpi8/image.png","https://steemitimages.com/DQmZVAeZJRqYwt3kYr2eWbonkZLMmQzdRs6XtQ3htzjdzhr/image.png","https://steemitimages.com/DQmSoqWLTr6EMK9q9tHG1hHT7fMJjjYLVxWiCqLUg8KMtoQ/image.png","https://i.imgur.com/dWZ80sj.gif"],"links":["https://imgur.com/dWZ80sj"],"app":"steemit/0.1","format":"markdown"} |
created | 2018-02-21 18:29:51 |
last_update | 2018-02-21 18:50:06 |
depth | 0 |
children | 1 |
last_payout | 2018-02-28 18:29:51 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 0.000 HBD |
curator_payout_value | 0.000 HBD |
pending_payout_value | 0.000 HBD |
promoted | 0.000 HBD |
body_length | 1,941 |
author_reputation | 12,505,357,616 |
root_title | "The Editors! (Part 2)" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 HBD |
percent_hbd | 10,000 |
post_id | 39,407,780 |
net_rshares | 2,468,447,551 |
author_curate_reward | "" |
voter | weight | wgt% | rshares | pct | time |
---|---|---|---|---|---|
cheetah | 0 | 2,175,982,226 | 0.08% | ||
rechellomataro | 0 | 292,465,325 | 100% |
Hi! I am a robot. I just upvoted you! I found similar content that readers might be interested in: https://www.w3schools.com/html/html_editors.asp
author | cheetah |
---|---|
permlink | cheetah-re-rechellomatarothe-editors-part-2 |
category | education |
json_metadata | "" |
created | 2018-02-21 18:30:06 |
last_update | 2018-02-21 18:30:06 |
depth | 1 |
children | 0 |
last_payout | 2018-02-28 18:30:06 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 0.000 HBD |
curator_payout_value | 0.000 HBD |
pending_payout_value | 0.000 HBD |
promoted | 0.000 HBD |
body_length | 146 |
author_reputation | 942,693,160,055,713 |
root_title | "The Editors! (Part 2)" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 HBD |
percent_hbd | 10,000 |
post_id | 39,407,826 |
net_rshares | 0 |