DEV Community

jason ho
jason ho

Posted on

TIL 2

html 101

Header:

<head></head>
Enter fullscreen mode Exit fullscreen mode

Body:

<body></body>
Enter fullscreen mode Exit fullscreen mode

Headings:

<h1></h1>
Enter fullscreen mode Exit fullscreen mode

Paragraphs:

<p></p>
Enter fullscreen mode Exit fullscreen mode

Division/Section:

<div></div>
Enter fullscreen mode Exit fullscreen mode

Bold:

<strong></strong>
Enter fullscreen mode Exit fullscreen mode

Italics:

<em></em>
Enter fullscreen mode Exit fullscreen mode

Break/New Line:

<br>
Enter fullscreen mode Exit fullscreen mode

Unordered Lists(list with dots):

<ul>
  <li>Limes</li>
  <li>Tortillas</li>
  <li>Chicken</li>
</ul>
Enter fullscreen mode Exit fullscreen mode

Ordered Lists (List with numbers):

<ol>
      <li>Russia</li>
      <li>United States</li>
      <li>Canada</li>
</ol>
Enter fullscreen mode Exit fullscreen mode

Images(src=source):

<img src="image-location.jpg" />
Enter fullscreen mode Exit fullscreen mode

Images Alt(basically a text description added to the image):

<img src="image-location.jpg" alt="image description" />
Enter fullscreen mode Exit fullscreen mode

Videos(include "control" if you want user to have controls):



<video src="url" width="x" height="x" controls>
  whatever text you wanted to show if video didn't load
</video>
Enter fullscreen mode Exit fullscreen mode

Top comments (0)

Read next

swasthiksoftware profile image

Introducing Myself

Srinivasan A -

vishal_raju_6a7ca9503a75b profile image

"Connecting to an EC2 Instance Using SSH: Easy Steps to Access Your Instance"

Vishal Raju -

zero45 profile image

YOLOv8 Screen Capture Detection App

Zero45 -

grover_sumrit profile image

Building a Successful Career: Key Insights for Junior Developers

Sumrit Grover -