Looks better, more readable
| ←Older revision | Revision as of 01:24, 1 January 2020 | ||
| Line 17: | Line 17: | ||
|
#*If you are using other HTML tutorials as well, you might see them refer to the tags as "elements" and the text in between start and end tags as "element content."
|
#*If you are using other HTML tutorials as well, you might see them refer to the tags as "elements" and the text in between start and end tags as "element content."
|
||
|
#Write your first <html> tag. Every html document starts with a <code><big></big></code> tag and ends with a <code><big></big></code> tag. This tells the browser that everything between these tags is in HTML. Add these tags to your document:[[Image:Learn HTML Step 4 Version 3.jpg|center]]
|
#Write your first <html> tag. Every html document starts with a <code><big></big></code> tag and ends with a <code><big></big></code> tag. This tells the browser that everything between these tags is in HTML. Add these tags to your document:[[Image:Learn HTML Step 4 Version 3.jpg|center]]
|
||
| − |
#*Often, HTML files are started with a <code><big></big></code> line that indicates that the file as a whole should be read as a HTML file by browsers. It isn't needed, but may help resolve compatibility issues.
|
+ |
#*Often, HTML files are started with a <code><big></big></code> line that indicates that the file as a whole should be read as a HTML file by browsers. It isn't needed, but may help resolve compatibility issues.
|
|
#*Write '''<html>''' at the top of your document.
|
#*Write '''<html>''' at the top of your document.
|
||
|
#*Hit or several times to give yourself some space, then write '''</html>'''
|
#*Hit or several times to give yourself some space, then write '''</html>'''
|
||
| Line 25: | Line 25: | ||
|
#*In between the <title> and </title> tags, write '''How to Learn HTML - wikiHow'''.
|
#*In between the <title> and </title> tags, write '''How to Learn HTML - wikiHow'''.
|
||
|
#*Save the document and open it in a browser (or save the document, then refresh the browser page if it's already open.) Do you see what you wrote at the top of the browser, above the address bar?
|
#*Save the document and open it in a browser (or save the document, then refresh the browser page if it's already open.) Do you see what you wrote at the top of the browser, above the address bar?
|
||
| − |
#Create a <body> section. Everything else in this beginner document will go in a body section, which actually gets displayed on the web page. ''After'' the </head> end tag, but ''before'' the </html> tag, write '''<body>''' and '''</body>'''. For the rest of this tutorial, everything you write will go in between these body tags. You should now have a document that looks like this
|
+ |
#Create a <body> section. Everything else in this beginner document will go in a body section, which actually gets displayed on the web page. ''After'' the </head> end tag, but ''before'' the </html> tag, write '''<body>''' and '''</body>'''. For the rest of this tutorial, everything you write will go in between these body tags. You should now have a document that looks like this:<br><code><html><br><head><br><title>How to Learn HTML - wikiHow</title><br></head><br><body><br></body><br></html></code>[[Image:Learn HTML Step 6 Version 2.jpg|center]]
|
| − |
|
||
| − |
|
||
| − |
|
||
| − |
|
||
| − |
|
||
| − |
|
||
| − |
|
||
|
#Add text in various styles. Now it's time to write something you can actually see in your browser! Anything you write within the body tags will show up in your browser after you save the HTML document and refresh the browser page. ''Don't'' write anything with the '''<''' or '''>''' symbols, however, since your browser will try to interpret it as an HTML instruction instead of normal text. Try writing '''Hello world!''' (or anything else you like), then add these new tags around it and see what happens each time:[[Image:Learn HTML Step 7.jpg|center]]
|
#Add text in various styles. Now it's time to write something you can actually see in your browser! Anything you write within the body tags will show up in your browser after you save the HTML document and refresh the browser page. ''Don't'' write anything with the '''<''' or '''>''' symbols, however, since your browser will try to interpret it as an HTML instruction instead of normal text. Try writing '''Hello world!''' (or anything else you like), then add these new tags around it and see what happens each time:[[Image:Learn HTML Step 7.jpg|center]]
|
||
|
#*<code><big><nowiki><em>Hello world!</em></nowiki></big></code> will show up as "emphasized text:" <em>Hello world!</em>
|
#*<code><big><nowiki><em>Hello world!</em></nowiki></big></code> will show up as "emphasized text:" <em>Hello world!</em>
|
||
from wikiHow - Recent Changes [en] https://ift.tt/2rJYWIB
via IFTTT
