We did the HTML test this week, I felt great when I connected the two pages successfully. I felt so nervous before I started the test, because honestly I am not a good HTML learner, actually I am not a coding stuff learner. I do not have gift to learn this coding stuff comparing with other classmates. I need to spend more time to study and pratise. Even my classmate who helps me with HTML gave up on teaching me, LOL.
I know what I got in HTML, so I kind of prepared myself for the test JUST before the day of test, LOL. I hope I can pass the test.
HTML is an amazing thing that many webpages are compiled with HTML and each page is connected by simple link that I can even one now. I think the skills I learn from this subject will benefit our work a lot in the future.Im looking forward to learn more and complicated code.
After weeks of study, I started to understand the coding of HTML now. I wrote a table last month in my blog, I think I can add new stuff I learned from tut into it.
<table border=”" > means how thickness the border is, empty or “0″ means no border.
<tr> sets rows, <td> </td> sets table cells and <th> </th> sets table headers
Now into the important part, what are <colspan> and <rowspan>, basically they are column span and row span.
Example of <colspan>
| My name |
Mobile |
My studies |
| July |
0433037077 |
0433219072 |
Networked Media |
Mass Media in Asia |
Broadcast Media |
Histories and Technologies |
Example of <rowspan>
| My name |
July |
| Mobile |
0433037077 |
| 0433219072 |
| My studies |
Networked Media |
| Mass Media in Asia |
| Broadcast Media |
| Histories and Technologies |
WOW, I spent so much time on just to create these two tables, it is not very familiar for me to made tables so far, I still need to practise more.
In the end, I would like to add some background colour on it using <bgcolor=” “>
Let me take this table for example,
| My name |
July |
| Mobile |
0433037077 |
| 0433219072 |
| My studies |
Networked Media |
| Mass Media in Asia |
| Broadcast Media |
| Histories and Technologies |
How do I wirte a talbe in HTML?
HTML Tables
Tables are defined with the <table> tag. A table is divided into rows (with the <tr> tag), and each row is divided into data cells (with the <td> tag). td stands for “table data,” and holds the content of a data cell. A <td> tag can contain text, links, images, lists, forms, other tables, etc.
Base on the tutorial, I write a little table here.
| Monday |
Tuesday |
Wednesday |
Thursday |
Friday |
| COMM2219 & COMM2219 Lecture |
COMM1086 & COMM2413 Lecture |
COMM1086 Tutorial |
COMM2219 Lab |
COMM2413 Tutorial & COMM2220 Workshop |
I only have little concept of HTML, it is so hard to learn, so I try to search some helpfull tutorial over the internet.
I found so many sites that teaching your HTML, and actually it was so many of them that I did not which one I should rely on. After spending much time of reading, I decided to rely on this website http://www.w3schools.com/html/ However, the website suggest that CSS should be learned with HTML if your webpage looks more organized. Then I went to search what the CSS acutally is, this is what I found
Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation semantics (the look and formatting) of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can also be applied to any kind of XML document, including SVG and XUL.
OK, this is more than I can understand now, I think I would prefer just sick with HTML only. LOL
At the beginning of our last semester, there was a chapter about Hyper Text,which introduced several parts of it. Let’s study more deeper in this semester. We are not noly study the theory of it, but also practice and apply it.
I have scaned related websites and collected some resources as following:
What is HTML?
HTML is a language for describing web pages.
- HTML stands for Hyper Text Markup Language
- HTML is not a programming language, it is a markup language
- A markup language is a set of markup tags
- HTML uses markup tags to describe web pages
HTML Tags
HTML markup tags are usually called HTML tags
- HTML tags are keywords surrounded by angle brackets like <html>
- HTML tags normally come in pairs like <b> and </b>
- The first tag in a pair is the start tag, the second tag is the end tag
- Start and end tags are also called opening tags and closing tags
HTML Documents = Web Pages
- HTML documents describe web pages
- HTML documents contain HTML tags and plain text
- HTML documents are also called web pages
The purpose of a web browser (like Internet Explorer or Firefox) is to read HTML documents and display them as web pages. The browser does not display the HTML tags, but uses the tags to interpret the content of the page:
<html>
<body><h1>My First bread.</h1>
<p>My first milk.</p>
</body>
</html> |
Example Explained
- The text between <html> and </html> describes the web page
- The text between <body> and </body> is the visible page content
- The text between <h1> and </h1> is displayed as a heading
- The text between <p> and </p> is displayed as a paragraph
Reference:http://www.w3schools.com/
