codingbat site
starts the whole thing. The section with sets the title used at the top of the window. Inside is the regular HTML content of the page.
A Heading
This is the first paragraph.
This is a second paragraph, including a link to the codingbat site
An image is done with "img" tag which includes a "src" url pointing to the image data file, like this
A web page is written is written in a plain text code called HTML [Hyper Text Markup Language]. Basically, HTML adds "markup" commands within plain text. The markup indicates that parts of text should be a heading, or bold, or a url, and so on.
You do not need to know much HTML markup for this course, just a few tags so you understand the basic idea. You should not be intimidated about producing an HTML page to show some information. Creating a basic looking HTML page is not difficult, although of course a complex page like the nytimes.com front page is a lot of work. You can write HTML by hand, just typing in the text including the HTML tags, or use a program that looks more like a word-processor to you, but which then generates HTML for you.
HTML Edit Demo
On his laptop, Nick edits the file network-html-sample.html, drags the file onto Firefox to display it. You can View Source on this page to see its underlying html. Key steps
- In the editor, make a change, save the file
- In the browser, click "reload" to see the changes immediately
- This is the way to edit html, see results quickly
View Source
When you are visiting any web page, you can use the View Source command in your browser to see the underlying HTML code for the web page you see -- you will see
tags for paragraphs,