CSS154Garden

CSE 154 19sp logo

Hello, I'm a p tag. Usually, you would add multiple lines of text in me! Do I have a certain limit in terms of lengths of my lines? I am currently inside a header tag. Does that change your idea in terms of my design?

Exploring HTML Tags!

The article and section tags

I am a paragraph inside an article tag, one of HTML5's "semantic tags". Now tell me, when do you use section and article? How should you use me to the greatest effect? Learn more here!

I am a paragraph inside a section tag inside an article tag. Just a quick question, is it alright if the order is switched? I am a span tag inside this p tag, I am supposed to be an inline element, what does that mean? How and when should I be used? Learn more here.

Ooh, did that hyperlink look fancy? Take a look here on how to modify it!

Hello again, I am a second-level heading in a section.

How should I be arranged? How am I different from other containers? How should I stand out? Learn more about h1-h6 heading tags here, and learn more about p tags here.

This is a form, you can give me additional functionality later when we learn JavaScript! For now, how do you want to change my looks? Learn more about forms here.

Learn more about input tags here! There are so many to choose from! Such as the common text input box: .

Learn more about select tags (dropdowns) here.

And of course what's a form without buttons!

I am a div container that has an image. What presets do I have? Where and how would you change me? Remember to only use me for non-semantic groupings!

Learn more about div here.

Things to check before turning in assignments

  1. Did I check for HTML errors through the validation tool?
  2. Did I check for CSS errors through the validation tool?
  3. Did I check for CSS redundancies?
  4. Does my program pass JSLint? (You will need this once we get to JavaScript).
  5. Does my assignment meet all the criteria defined by the documentation?
  6. Did I use tags appropriately? Meaning that they were chosen for appropriate content and not simply because they provide a specific style?