HTML stands for HyperText Markup Language. While not a traditional programming language, it is the language that is used to create web pages. Typically a markup language is used to define the structure and display of content, HTML is no different.
To write HTML, one of the first things you will need is a plain text editor. Most operating systems come with this capability built-in (TextEdit on the Mac and Notepad on Windows). While these applications work fine, there are some benefits to using a programmer's text editor such as TextWrangler on the Mac or TextPad on Windows.
In particular, they have line numbering, syntax coloring and other features that will make it easier to work with.
HTML is a tag based language. This means that you define the structure of the content of a document using tags.
An example of a tag would be: <b>some text</b> which when rendered in a browser looks like this: some text.
Here are some tags that we'll start with:
Here is the source of an HTML example page:
<html> <!-- Start the HTML --> <head> <!-- Start the Head --> <title>This is a Web Page</title> <!-- The Title of the page, start and end tag with text in-between --> </head> <!-- End the Head, always with a "/" --> <body> <!-- Start the body --> This is where you would put the content of the page. <!-- This is a comment and won't display --> This will be on the same line as the above. To specify a line break, you use: <br /> <br /> <!-- The above text displays both a <br /> and has this funny code: <br /> That funny code allows us to display the special characters that are typically used to define a tag so that we can display them without the browser actually thinking they are the start and end of a tag. This symbol: < is written as < meaning "less than". This symbol: > is written as > --> This text will be a line down <br /><br /> <!-- Two line breaks --> <!-- Line break tags include the closing "/" as part of them, there isn't a </br> tag. --> <blink>This Text Probably Doesn't Blink</blink> </body> <!-- End the body --> </html> <!-- End the HTML -->See the page rendered in a browser
To do this, you need an FTP or SFTP ((secure) file transfer protocol) client application (Fetch, Fugu, WS-FTP). NYU's ITS group has serveral pieces of software available for download for free including various text editors and SFTP clients: https://www.nyu.edu/its/software/
When you connect to your server, you will likely be placed in your "home" directory. You will need to navigate to the location for your web files. This is likely to be a directory with the name of your domain. The file should then be available via a URL such as follows: http://www.yourdomain.com/yourfile.html . This is the URL you will use to link to it as well.
<img src="URLTOIMAGE" /> <img src="animage.jpg" /> or <img src="http://itp.nyu.edu/~sve204/animage.jpg" />
<div style="background: #00ff00; text-color: #ff0000;">This will be funky</div>