DEV Community

Aravindhan S
Aravindhan S

Posted on

My First Day Of Learning HTML & CSS: A Beginner’s Dive into Web Development

#html #css

HTML The Bone of Web-Development

HTML (HyperText Markup Language) is like the foundation of every webpage. Today, I explored the basic structure of an HTML document and some core tags that bring content to life.

  1. h1 to h6 : Heading tags for titles and subheadings
  2. a: Anchor tag to link to other pages
  3. div: Containers for grouping content
  4. section: tag is a semantic HTML tag used to define a section in the document that generally includes a group of related content.

CSS: Styling the Structure

  • CSS (Cascading Style Sheets) is used to style and structure our HTML code. It helps improve our code styles and allignment to made attractive.


Example CSS

  • Containing a div section including style with solid black. <div style="border: 2px solid black; padding: 10px;"> This div has a border! </div>

List Styling in CSS
ul stands for unordered list. It creates a list where each item is marked with a bullet point (by default).

li stands for list item. It’s used inside a ul or ol to define each entry in the list.

<ul>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ul>
Enter fullscreen mode Exit fullscreen mode

Align The Text in HTML

  • I played around with aligning text using the text-align property. <h2 style="text-align: center;">Centered Heading</h2>.

Internal Stylesheet

  • Instead of writing styles directly inside an element (inline), you can include CSS inside the head section of your HTML document using the style tag.

Upcoming Task!
Excited for move forwarding to learn about Agile Methodolgy.

Top comments (0)