DEV Community

Vijayaraj Udhayakumar
Vijayaraj Udhayakumar

Posted on

Getting started with Web Development: My Second Day learning HTML & CSS

Hey everyone!

this is my very first blog post, and I'm excited to share my daily journey into web development with you and today was Day 2 of this new adventure.

Recap of Day 1:

What is HTML & CSS?

In Day 1 class is we discuss about basics of HTML and CSS. Whats is HTML & CSS then in linux which software tools has been use? VS CODIUM software tools is used in linux.

  • HTML(HyperText Markup language) is used to structure content on the web. It's a skeleton of a web page.
  • CSS(Cascading Style Sheet) is used to style the content. Its adds colors,layout. It's a humans figures.

Today Discussions:

what is the ** alternative of HTML?**

The alternative of HTML is :

  1. XML(eXtensible Markup Language)
  2. YAML(YAML Ain't Markup Language)
  3. CSV(Comma Seperated Values) etc..

what is GIT?

Git is a Version Control System(VSC). There are two types of VSC. It's no Need Internet.

  1. Centralized VSC
  2. Distributed VSC

What is GITLAB?

Gitlab is Web based DEVOPS platforms.
The developers pull and push the code and they want to customer base. It's needs Internet.

HTML

Now we build a Protfolio Project.
In HTML Structure Contains:

  • Header
  • Section
  • Section
  • Section
  • Footer

Header

  • Navigation Menu
  • Search Bar
<header>
<h1>Vijayaraj</h1>
</header>
Enter fullscreen mode Exit fullscreen mode

Section

Define a Section of content

HTML Tags

It is a fundamental building blocks of HTML

List

We discuss two types of List:

  • Ordered List and
  • Unordered list

-Ordered List - Numbers and Alphabets

<ol>
<li>Item 1</li>
<li>Item 2</li>
</ol>
Enter fullscreen mode Exit fullscreen mode

-Unordered List - Bullets,Square etc

<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>

Enter fullscreen mode Exit fullscreen mode

Anchor Tag

  • it is used to create hyperlinks in HTML.

  • it allows users to click and go to another page ,website,section,or file.

<a href="url">link Text</a>
Enter fullscreen mode Exit fullscreen mode

Vijay sir share some Shortcuts:

  1. shift+1 - Boiler plate of HTML
  2. ctrl+shift+i - code allignment
  3. ctrl+ / - Command line.

Tomorrow Discussion is :Ajail Methodology.

And Apart from the class Muthu sir share some Interesting website KANIYAM.COM . then Give some Day plans, very interesting speech.

Today Tasks

  1. 5 Blocks.
  2. 5 Inline.
  3. Scrum Master Techniques.
  4. Post the Blogs.

Top comments (0)