TIL

Web Dev Bootcamp TIL Day-1(Basic HTML and CSS)

frannyk 2022. 4. 12. 15:49

Today marks the first day of my online web development bootcamp experience that spans 4 months. I was able to meet my team members and tutors in a virtual space through a web app called "Gather Town." Even though the bootcamp is being held online, having a virtual space where my team and I could see each other through web cams was great for having a sense of community.

 

As our team expects to start a web project in a couple days, we spent the first day brushing up on the basics of frontend development. Knowing the basic syntax / framework of html and css is crucial before moving onto more complex subjects.

 

HTML - sets the structure of the web page

basic template looks like this:

<!doctype html>

<html>

<head>

 

<style>

where CSS is applied

</style>

<script>

where JS is applied

</script>

 

</head>

 

<body>

 

</body>

</html>

 

 

  • some tags that I thought were important to note
    • <input></input>
    • <span></span>
      • similar to <div></div>, but different in that it will be only be applied to inline organization as opposed to block organization.

 

CSS - sets the style of the web page

  • tag {} - applies styling to tag
  • .class{} - applies styling to class
  • #id{} - applies styling to id
  • *{} - applies to all tags

  • width and height: The width and height of the content area.
  • padding: The amount of space between the content area and the border.
    • can use 4, 3 or 2 values
  • border: The thickness and style of the border surrounding the content area and padding.
    • format: width, style, color
    • border-radius: curves the edges of border
  • margin: 

 

 

When building a box-model, it is useful to fill the background-color to guage its position

 

코딩실력을 키우는 것도 중요하지만 체력과 정신력도 생존을 위해서 중요할 것 같다고 느낀 첫 날이다.