Phew…..Just finished Unit 1. Every concepts are basics and comprehensible. It is taught by Steve Huffman, reddit co-creator.
The introduction videos(course outline).
The Internet is a collection of HTML documents, the most basic and standard documents in the web.
This is the general picture of internet:
When you go to websites, it is the browser that establish the connection between your computer and other computer. You retrieve the documents(most of them HTML) by clicking the title.
The document can be : Plain text, video, music, pictures.
HTML glues them all together.
2.HTML.(Hyper-Text Markup Language)
In some sense, HTML can be thought as an editor because it formats the way texts, pictures, links, videos show up on a website.
Its general syntax is :
It comes with opening-tag and ending tag(starts with ‘/’). The contents can be others tags.
makes the text ‘Hello’ bold:
The example of tag within tag :
(<i></i> makes Hello italics)
If you forget to add the closing tags, then HTML will format the text according the opening tag without ending. In other words, it format all the way to the ends according to the opening tag.
For example, this is the output of
.I am learning HTML.
Hello. Iam learning HTML
HTML has two common types of tags: Inline and block.
Some common Inline tags:
Some common blocks tags:
Inline tags formats text as a line, of default length. If your sentence is longer than that length, it automatically goes to the next line.
Every white spaces is shrunken down to one space.
<html>Hello Iam learning HTML. We are going to learn some basics of HTML</html>
This is the output:
Hello Iam learning HTML. We are going to learn some basics of HTML.
Block tags formats text as-is. It draws an invisble box around the texts. We can specify the width and the height of the box.
The same example:
<p>Hello Iam learning HTML.</p><p> We are going to learn some basics of HTML</p>
produces difference result:
Hello Iam learning HTML.
We are going to learn some basics of HTML
Note: To achieve the same result of block tags, we can use <br> tag in the inline-tag.
<html>Hello Iam learning HTML.<br> We are going to learn some basics of HTML<br></html>
produces the same results as block tag.