Lorenz Note: HTML

Showing posts with label HTML. Show all posts

Wednesday, 9 December 2015

Intro to world wide web project

This is the first website I have created. I made it out of the concept of "Choose Philippines" since there are a lot of "It's more fun in the Philippines" meme. I didn't have that much of the hard time finding pictures that i want for my web pages. I want to make my webpages to be neat and clean so I avoided using colors that doesn't compliment to each other. I also make use of border radius to make smooth corners which are good to look at. I believe if this wasn't the best project from our section, then this was one of the best. I am not bragging, I did all my best in my projects so I am totally proud of them.

According to my instructor my website is very informative. I think that is equivalent to a thumbs up.

Download link here.

Thursday, 24 September 2015

Paragraph

HTML Paragraphs

<p> element defines a paragraph.

Example:
<p> Hello world!</p>
<p> This is a paragraph</p>

The text in HTML files are displayed in browsers with only one space even if you place multiple spaces and new lines. Which will be a problem since we'll never know how they will be displayed in other computer in the screen is small or large screen and resized browser.

Try this:

<p> this a paragraph the that has a multiple spaces between words and
with

mulitple

new lines </p>

Fixing the problem

Line Break

The <br> element defined as line break.
You can use <br> if you want a line break or new line without creating an new paragraph.

Try this:

<p> This is a paragraph with a line break <br>
This element is use to create new line without making a new paragraph.</p>

Preformatted Text

The <pre> element defines preformatted texts.
The text inside the <pre> element is displayed in fixed width font and preserve line breaks and spaces.

Try this:

<pre> The     quick brown fox jumps over the lazy dog,
The quick    brown fox jumps over the lazy dog,
The quick brown      fox jumps over the lazy dog,
The quick brown fox     jumps over the lazy dog,
The quick brown fox jumps      over the lazy dog. </pre>

You will notice that text will be displayed with multiple spaces and also with line breaks with using any elements.

*paste them in the body of .html file

Headings

HTML Heading

Headings are defined with <h1> to <h6>.
The <h1> the is the most important and <h6> is the list important.

Example:

The HTML Heading is important because heading are used by search engine to determine the content of a webpage and index it's structure.

Try this:

<html>
         <head>
   <title> Heading</title>
   </head>
   <body>
   <h1>heading1</h1>
   <h2>heading2</h2>
   <h3>heading3</h3>
   <h4>heading4</h4>
   <h5>heading5</h5>
   <h6>heading6</h6>
   </body>
</html>

*copy and paste them and save as a .html file.

The <head> Element

The <head> element contains meta data which are not displayed in the browser.

Example:

The <meta> tag give meta data of HTML. Meta data data is not visible, but is machine readable.
Meta elements are used to specify page description, keyword, author of document, last modified and other metadata.

Menu