 |
| Source: http://www.htmlandcssbook.com/press/ |
I believe that a student's experience would not be complete if he/she never tried creating something using HTML and CSS. These are the basic structures and foundations of the simplest webpages out there. We now live in a world full of out-of-this-world inventions and high caliber technologies, and we would be left out if we won't understand even the roots on how these things emerge and were made. Also, it would be a work advantage if you understand and know how to use Hyper Text Markup Language and Cascading Style Sheets.
-------------------------------------------------------------------------------------------
Disclaimer: These are not from me, since I believe if I explain, I won't be able to do justice :P |
| source: http://www.border7.com /blog/07/27/ 5-basic-html-codes-every -ecommerce-merchants-should-know/ |
"Hyper Text Markup Language, commonly referred to as HTML, is the standard markup language used to create web pages. It is written in the form of HTML elements consisting of tags enclosed in angle brackets (like <html>). HTML tags most commonly come in pairs like <h1> and </h1>, although some represent empty elements and so are unpaired, for example <img>. The first tag in such a pair is the start tag, and the second is the end tag (they are also called opening tags and closing tags).
Web browsers can read HTML files and render them into visible or audible web pages. Browsers do not display the HTML tags and scripts, but use them to interpret the content of the page. HTML describes the structure of a website semantically along with cues for presentation, making it a markup language, rather than a programming language.
HTML elements form the building blocks of all websites. HTML allows images and objects to be embedded and can be used to create interactive forms. It provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items. It can embed scripts written in languages such as JavaScript which affect the behavior of HTML web pages."
 |
| source: https://bligusti.wordpress.com /2012/06/07/panduan-membuat-css/ |
From:http://en.wikipedia.org/wiki/Cascading_Style_Sheets
Cascading Style Sheets (CSS) is a style sheet language used for describing the look and formatting of a document written in a markup language. Along with HTML and JavaScript, CSS is a cornerstone technology used by most websites to create visually engaging webpages, user interfaces for web applications, and user interfaces for many mobile applications.
CSS is designed primarily to enable the separation of document content from document presentation, including elements such as the layout, colors, and fonts. This separation can improve content accessibility, provide more flexibility and control in the specification of presentation characteristics, enable multiple HTML pages to share formatting by specifying the relevant CSS in a separate .css file, and reduce complexity and repetition in the structural content, such as semantically insignificant tables that were widely used to format pages before consistent CSS rendering was available in all major browsers."
-------------------------------------------------------------------------------------------
 |
| Source: http://www.westciv.com/style_master/academy /css_tutorial/introduction/how_they_work.html |
 |
| source: http://blog.formstack.com/2010/customize-form-buttons-with-css/ |
How many web pages do you come across with in a day, or every after you type something in a search engine of your web browser? Have you ever encountered a search where there are less than a hundred web pages as results? There is no such thing! (unless there really is no such thing of what you are searching for haha) There are thousands and millions of results. Look:
Most of these webpages are products of html! The fact that there are millions in existence proves how accessible HTML and CSS can be.
 |
| Webpages Source: https://www.chromium.org/developers/design-documents/extensions/proposed-changes/apis-under-development/offscreen-tabs |
I've mentioned before that I've learned HTML, CSS, and JavaScript when I was in high school. My favorite lesson of the three was HTML. It was the easiest to understand. I liked CSS next, but not as much as HTML. I'm not much of a designer, and I'm just overwhelmed by the codes used in CSS because they're just so many, while HTML is just so simple. But it always amazes me how those simple codes bring life to HTML. How a boring code renders to a beautifully designed webpage.
Which reminds me, I never told you how :P All you need to have is a text editor (notepad works for me, but I like Ubuntu's text editor because it highlights the tags, and it looks more encouraging than notepad's boring normal text lol), and save the file as .html or .htm and run it using a web browser, aaaaand you're good to go :)
Our 10th exercise is creating a website with 3 pages, consisting of our personal info, our dreams, and our class schedule (not a picture, we must make it using codes). I'm afraid my CSS skills are no match to my imagination. I just hope I can make something appealing to the eyes hahaha.
If you want to learn the basics of HTML and CSS, you can go visit http://www.w3schools.com/
