DEV Community

Dharshini E
Dharshini E

Posted on

Day 1 of my Java Full Stack learning Journey : HTML &CSS Basics

Hi everyone!

Today is my frist day learning how to build websites as part of my Java Full Stack Developer course. I'm starting with HTML and CSS, and I wanted to share what i learned today in a simple way.

what I Learned Today :

HTML (HyperText Markup Language)

1.What is HTML?

   **HTML** is the basic building block of every website.it tells the web browser what to show on the screen.it shows text,images,buttons,and links on a web page.it uses tag like <html>,<head>,<body>,<h1>,<h6>,<p> to organize content.
    -version : HTML5
    -HTML is used to create the structure of a webpage.
    -it runs on all browsers and consists of elements called tages like <html>,<head>,<body>.
    -There are two types of tags:
          -opening tag (<h1> </h1>)
          -closing tag (<link>)
    -common tags :
          -heading tag: <h1> (<h1> upto <h6>)
          -paragraph tag:<p>
          -links:<link> ,<a>

Example :



Welcome!

Hi everyone! I'm Dharshini.

output:

Welcome!
Hi everyone! I'm Dharshini.

CSS (Cascading Style Sheets)

1. What is CSS?

      -CSS is used to **style HTML elements** like changing colors ,fonts,font size.
      - there are **three types** of CSS:
              -Inline CSS
              -Internal CSS
              -External CSS

Inline CSS:

     Inside the HTML tag using style attribute.

Example:

Welcom!

Internal CSS:

      written inside <style> tags in the <head> section.

Example :

h1{ color:blue; }

External CSS:

     linked through a separate .css file.

Example:

     - rel : relationship 
     - href : hypertext reference

Tools i used today:

     -text editor : vs codiyum
     -os :Linux Mint
     -browser: Chrome

what I Feel Today :

      I enjoyed learning the basics of HTML and CSS. it's feel interesting and fun. I'm excited to learn more tomorrow!

Top comments (2)

Collapse
 
shiva_shanker_k profile image
shiva shanker

Love seeing someone share their Day 1 learning! HTML is such a solid foundation to build on🖖🎉

Collapse
 
hopsayer profile image
hopsayer

It's a responsible approach to save the results of educational studies!