create account

The Editors! (Part 2) by rechellomataro

View this thread on: hive.blogpeakd.comecency.com
· @rechellomataro · (edited)
The Editors! (Part 2)
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>
👍  ,
properties (23)
authorrechellomataro
permlinkthe-editors-part-2
categoryeducation
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"}
created2018-02-21 18:29:51
last_update2018-02-21 18:50:06
depth0
children1
last_payout2018-02-28 18:29:51
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length1,941
author_reputation12,505,357,616
root_title"The Editors! (Part 2)"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id39,407,780
net_rshares2,468,447,551
author_curate_reward""
vote details (2)
@cheetah ·
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
properties (22)
authorcheetah
permlinkcheetah-re-rechellomatarothe-editors-part-2
categoryeducation
json_metadata""
created2018-02-21 18:30:06
last_update2018-02-21 18:30:06
depth1
children0
last_payout2018-02-28 18:30:06
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length146
author_reputation942,693,160,055,713
root_title"The Editors! (Part 2)"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id39,407,826
net_rshares0