DEV Community

Modala Tarun Kumar
Modala Tarun Kumar

Posted on

Introduction to web & html

When we click a website then a request is sent to the server.
Then the server will return a response which is displayed in browser.
Server: Software that serves.
The files hosted will be dumped into folders.
The path is /var/html/www
domainname.com
Live Server: It is used in web development. It used to create a localhost. By using this if we make any changes in our file it will be reflected without refreshing the webpage.

Emmet

  • Emmet is used to give some pre defined code which increases our coding speed and easy to code.
  • The first emmet I used is !(exclamation) which gives the pre defined code for doctype declaration, head and body.

Lorem

  • Lorem is used to create dummy text.
  • We can create any no of words by writing the emmet lorem(number), where number is number of words we want.

HTML

  • Html stands for Hyper Text Markup Language
  • It is used to create web pages.

Tags

  • Tags are basic building blocks of web pages.
  • For headings we have <h1> to <h6>
  • What I have learnt is by using documentation we can get to know more about things.
  • We can create hyperlinks by using <a> (anchor) tag. We can refer another page by using the attribute href="url" where url is the link we wanted to redirect.

Image

  • The tag <img> is used to place an image in the webpage.
  • The attribute src is used to give source of the image the syntax is src="imagepath".
  • The attribute alt is used to display the text if the image is not loaded.
  • The attributes height and width are used to adjust the image.
  • fetchpriority attribute is used to show the image or not while bandwith, the values are high, low, auto.
  • loading attribute is used whether to load the image or not. The values are eager,lazy.

AWS GenAI LIVE image

How is generative AI increasing efficiency?

Join AWS GenAI LIVE! to find out how gen AI is reshaping productivity, streamlining processes, and driving innovation.

Learn more

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

Instrument, monitor, fix: a hands-on debugging session

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

Tune in to the full event

DEV is partnering to bring live events to the community. Join us or dismiss this billboard if you're not interested. ❤️