<div> and <span>

     Last July 11-15 we have an activity about minimal html. We also discussed about <div> and other tags like <span> to know what were going to use in making a layout. After making the first page of my layout, we checked it on the next by switching position with my seatmate. After checking, Mr. Nani discussed about the right component for having a good and attractive website. It is called as C-R-A-P.

     Lets talk about what is C-R-A-P?First the letter C,its stands for Contrast. It is a element that aren't the same should be very different so they stand out, making them "slightly different" confuses the user into seeing a relation than doesn't exist. Strong contrast between page elements allows the users' eye to follow from one to another down the page instead of creating  a sea of similarity that's boring and not communicative. Then, the letter R, stands for Repetition. It repeat styles down the page for a cohesive feel aE if you style related elements the same way in one area, continue that trend for other areas for consistency. The letter A, stands for Alignment. Everything on the page needs to be visually connected to something else, nothing should be out of place or distinct from all other design elements. The last one is the letter P, stands for Proximity. It creates related meaning elements that are related should be grouped together, whereas separate design  elements should have enough space in between to communicate they are different.

     Now,lets talk about the meaning of <div>. The <div> tag defines a division or a section in an HTML document.The <div> tag is often used to group block-elements to format them with styles. The other element is <span>.The <span> tag is used to group inline-elements in a document.The <span> tag provides no visual change by itself.The <span> tag provides a way to add a hook to a part of a text or a part of a document.