The latest articles on DEV Community by Modala Tarun Kumar (@modalatarunkumar). https://dev.to/modalatarunkumar https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1420173%2Fbf960c4b-f8a0-4a77-9588-591586b9a3a9.png https://dev.to/modalatarunkumar en Modala Tarun Kumar Sat, 13 Apr 2024 07:21:00 +0000 https://dev.to/modalatarunkumar/introduction-to-web-html-4gi5 https://dev.to/modalatarunkumar/introduction-to-web-html-4gi5 <p>When we click a website then a request is sent to the server.<br> Then the server will return a response which is displayed in browser.<br> <strong>Server:</strong> Software that serves.<br> The files hosted will be dumped into folders.<br> The path is /var/html/www<br> domainname.com<br> <strong>Live Server:</strong> 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.</p> <h3> Emmet </h3> <ul> <li>Emmet is used to give some pre defined code which increases our coding speed and easy to code.</li> <li>The first emmet I used is !(exclamation) which gives the pre defined code for doctype declaration, head and body.</li> </ul> <h3> Lorem </h3> <ul> <li>Lorem is used to create dummy text.</li> <li>We can create any no of words by writing the emmet lorem(number), where number is number of words we want.</li> </ul> <h2> HTML </h2> <ul> <li>Html stands for Hyper Text Markup Language</li> <li>It is used to create web pages.</li> </ul> <h3> Tags </h3> <ul> <li>Tags are basic building blocks of web pages.</li> <li>For headings we have <code>&lt;h1&gt;</code> to <code>&lt;h6&gt;</code> </li> <li>What I have learnt is by using documentation we can get to know more about things.</li> <li>We can create hyperlinks by using <code>&lt;a&gt;</code> (anchor) tag. We can refer another page by using the attribute <code>href="url"</code> where url is the link we wanted to redirect.</li> </ul> <h2> Image </h2> <ul> <li>The tag <code>&lt;img&gt;</code> is used to place an image in the webpage.</li> <li>The attribute <code>src</code> is used to give source of the image the syntax is <code>src="imagepath"</code>.</li> <li>The attribute <code>alt</code> is used to display the text if the image is not loaded.</li> <li>The attributes <code>height</code> and <code>width</code> are used to adjust the image.</li> <li> <code>fetchpriority</code> attribute is used to show the image or not while bandwith, the values are <code>high</code>, <code>low</code>, <code>auto</code>.</li> <li> <code>loading</code> attribute is used whether to load the image or not. The values are <code>eager</code>,<code>lazy</code>.</li> </ul> iwritecode beginners webdev programming