INLINE ELEMENTS

ABBR - Abbreviation

Syntax

<ABBR>...</ABBR>

        

      The ABBR element is used to markup abbreviations. The TITLE attribute is useful in conjunction with ABBR to give the long form of the abbreviation, allowing visual browsers to provide the long form as a "tooltip". If the short form is a pronounceable word, the ACRONYM element should be used instead of ABBR.

Examples:

<abbr title="United Nations">U.N.</abbr>

<abbr title="Saint John Academy">"SJA"</abbr>

EM - Emphasis

Syntax

<EM>...</EM>

      The EM element gives emphasis to its contents. Visual browsers typically render EM as italic text, but authors can suggest a rendering using style sheets. Since EM is a structural element, it carries meaning, making it preferable to font style elements such as I when emphasis is the intended meaning.

For strong emphasis, use the STRONG element.

Example:

<em>(In English, Your Kingdom Come)</em>

STRONG - Strong Emphasis

Syntax

<STRONG>...</STRONG>

      The STRONG element gives strong emphasis to its contents. Visual browsers typically render STRONG as bold text, but authors can suggest a rendering using style sheets. Since STRONG is a structural element, it carries meaning, making it preferable to font style elements such as B when strong emphasis is the intended meaning.

For weaker emphasis, use the EM element.

Example:

<strong>ADVENIAT REGNUM TUUM</strong>

BLOCKQUOTE - Block Quotation

Syntax

<BLOCKQUOTE>...</BLOCKQUOTE>

      The BLOCK QUOTE element defines a block quotation. Unlike inline quotations, block quotations may contain block-level elements such as P and TABLE, but BLOCK QUOTE may not be contained within a paragraph or inline element.

      Authors should not use BLOCK QUOTE for unquoted material just to achieve a block indentation in common visual browsers. With the rise of style sheets, such misuse of BLOCK QUOTE will become less reliable while also reducing the author's ability to fully exploit the power of style sheets. Cascading Style Sheets provide the margin-left property to indent a block.

Example:

< blockquote >The LAMB symbolizes Jesus Christ, whom John the Baptist revealed to us as the Paschal Lamb provided by God for the forgiveness of sins, who will offer himself on the cross as our sacrifice that is acceptable to God. The BOOK symbolizes the GOSPEL of the Lamb of God, which he summed in his inaugural     message. "This is time of fulfillment. The reign of God is at hand. Reform your lives and believe in the gospel". </blockquote>

C.R.A.P. Design and DIV

C.R.A.P. Design

       Sir discussed the crap design, he explained that crap design is very important for our layout. Let’s define C.R.A.P. design:

        C stands for Contrast-  is the element that are not the same should be very different so they stand out, making them “slightly different” confuses the user into seeing a relation that doesn’t exist. The idea behind contrast is to avoid elements on the page that are merely similar. If the elements (type, color, size, line thickness, shape, space, etc.) are not the same, then make them very different. Contrast is often the most important visual attraction on a page.

        R stands for Repetition-  styles down the page for a cohesive feel if you style related elements the same way in one area, continue that trend for others areas of consistency. Repeat visual elements of the design throughout the piece. You can repeat color, shape, texture, spatial relationships, line thicknesses, sizes, etc. This helps develop the organization and strengthens the unity.

        A stands for Alignment-  is a crucial not just to the cohesive appearance of your document but to the creation of contrast for elements like bulleted lists or double-indented quotes. Nothing should be placed on the page arbitrarily. Every element should have some visual connection with another element on the page. This creates a clean, sophisticated, fresh took,

        P stands for Proximity-  creates related meaning: elements that are related should be group together. Whereas separate design elements should have space between to communicate they are different. Items relating to each other should be grouped close together. When several items are in close proximity to each other, they become one visual unit rather than several separate units. This helps organize information and reduces clutter.

DIV

       We use container for our web page so the content of it is standards. The div is a generic block-level element. It doesn’t convey any meaning about its contents (unlike a p element that signifies a paragraph, or an h1or h2 element that would indicate a level 1 or level 2 heading, respectively); as such, it’s easy to customize it to your needs. The div element is currently the most common method for identifying the structural sections of a document and for laying out a web page using CSS.

       Some developers perceive similarities between the p and the div elements, seeing them as being interchangeable, but this isn’t the case. The p element offers more semantic information (“this is a paragraph of text, a small collection of thoughts that are grouped together; the next paragraph outlines some different thoughts”), while the div element can be used to group almost any elements together. Indeed, it can contain almost any other element, unlike p, which can only contain inline elements.

DIV and SPAN tags

         I learn in my computer subject the usage of DIV and SPAN tags in HTML. The <span> and <div> tags are very useful when dealing with Cascading Style Sheets. People tend to use the two tags in a similar fashion, but they serve different purposes.

      The <div> tag in XHTML is a tag that defines logical divisions within the content of a page. What this means is that a <div> tag defines sections of a Web page to make it easier to manage, style, and manipulate. You can use the <div> tag when you want to center a block of content or position a content, block on the page. The <div> tag is a very powerful tool for Web developers. It acts a lot like a paragraph tag, but it divides the page up into larger sections. The <div> also gives you the chance to define the style of whole sections of HTML. You could define a section of your page as a call out and give that section a different style from the surrounding text.

The primary attributes of the <div> tag are:

•                 style
•                 class
•                  id

        The <span> tag has very similar properties to the <div> tag, in that it changes the style of the text it encloses. But without any style attributes, the <span> tag won't change the enclosed items at all. The primary difference between the <span> and <div> tags is that <span> doesn't do any formatting of it's own. The <div> tag acts includes a paragraph break, because it is defining a logical division in the document. The <span> tag simply tells the browser to apply the style rules to whatever is within the <span>. Use <span> when you want to change the style of elements without placing them in a new block-level element in the document. For example, if you had a Level 3 Heading (<h3>) that you wanted the second word to be red, you could surround that word with

<span style="color:red">2ndWord</span>

and it would still be a part of the <h3> tag, just red.

The <span> tag has no required attributes, but the three that are the most useful are:

•               style
•              class
•               id

         I have learn that when i use the div and span tags my html become more beautiful. They help my html to become attractive. When I use them I'm sure that my html will become standard in web page.

My Beloved Family

      “My Inspiration” that’s I call my family. They are my strength to live in this planet. My Father is a referee and my mother is a housewife. They are have four children, my sister the eldest is now a first year college in Balanga, Bataan, my youngest sister and my youngest brother is in grade six in elementary and me the second eldest daughter is in third year high school student  in Saint John Academy.

        In our house, my mother is always doing the household chores, but if we have free time we are doing the chores. Me as a student, I am very busy in my study so I have no time to bonding with my family, but if I have free time I bonding with them. I don’t forget to express my love to them so as much as possible I expend lot of time with them. My family is very important to me they are help me in my problems especially my mother. There are always at my back to support and give their best to express and share their love to me.

       My family is not rich not also poor but in the middle class, my father always making way to provide our need in school or in our home. I can say that my family is only simply, were eats three times a day and pass the day happy. Our parents has only wish for us, to finish our studies and taking care of them when they old. I promise to myself that when I have a work I do not forget my family to share my salary so I can help them in a simple way.

Quotes that will inspire you:

       "You don't choose your family they are God’s gift to you, as you are to them."

        "If you look deeply into the palm of your hand, you will see your parents and all generations of your ancestor, all of them are alive in this moment, each is present in your body, you are the continuation of each of these people."

        "We all grow up with the weight of history on us.  Our ancestors dwell in the attics of our brains as they do in the spiraling chains of knowledge hidden in every cell of our bodies."

        "Family:  A social unit where the father is concerned with parking space, the children with outer space, and the mother with closet space."

Friends who always there for me

        “I never dream of having a perfect friendship but I always dream of having long term friendship not for months but for a lifetime.”

          My friends are one part of my life. I grow up with my friends since we know each other. I can say my life is not complete when I have no friends. They are one of my inspirations to live because there are always there for me to give a support and advice. I love all my friends so I taking care our friendship because I don’t want to loss them.

          In the school, every morning that we see each other a smile is always welcome on us. We start our day with a great smile by our friends. There is a time that we have misunderstanding that cause quarrel on us. I am not a perfect friend and I can make mistakes anytime but still, I love those people who stay with me after knowing the real personality behind me. 
  
 A quotes for you!!


         "FRIENDS are like rainbows... They brighten life after you've gone though a storm"


         "FRIENDS are like balloon... If you let them go, you can't get them back... So I'm gonna tie you to my HEART so I will never loose you!"


         "A TRUE FRIEND LAUGHS at your stories even when they're not so good, and SYMPATHIZES with your troubles even when they're not so bad"

                                                                                                                                                                                

Try to know Eninaj

       Me, I’m just simple girl that one of the God’s creation. A girl who always solve a problem and pass the fears in everyday I encounter. I’m become stronger to solve and face my problem because my family is always there for me to support.

      As a friend, I always here to comfort them and give an advise. Sometimes we are bonding with each other if we have free time. In my schooling my grade is not bad even I’m not very smart because I give all my best and do all that I can. I always maintain my grade in a good because of expectation of my parents.

     In my life, I have many goals that I want to achieve. And I know my education is one of the key to achieve my goals. Our family is not rich, not also poor but we in the middle class of life in this country. Our life situation is one of my inspiration in my life because we alive even we are not rich. Until my family is there for me I won’t give up my goals. I will show to them that this is Janine Soriano, one of their daughters that bring to them a wealthy life.