Scribd
Upload
4 views

HTML NOTES

This document provides a comprehensive overview of HTML, including its structure, key tags, and attributes. It covers essential elements such as the head and body sections, SEO practices, linking CSS and JavaScript, formatting text, creating lists and tables, and using shortcuts. Additionally, it explains how to use various HTML tags for paragraphs, links, and new lines.

Uploaded by

AD PLAYZ
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
4 views

HTML NOTES

This document provides a comprehensive overview of HTML, including its structure, key tags, and attributes. It covers essential elements such as the head and body sections, SEO practices, linking CSS and JavaScript, formatting text, creating lists and tables, and using shortcuts. Additionally, it explains how to use various HTML tags for paragraphs, links, and new lines.

Uploaded by

AD PLAYZ
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

HTML NOTES

<!DOCTYPE html>  We are declaring that this is a html file.


<html lang=”en”>  We are opening html tag and declaring the language which is
ENGLISH right now.
<head> & <body>  This two are main parts of html tag. We can link CSS and js file in
head section.
<meta>  Is a set of data that describes and gives information about other
Data. Only in head department.
SEO  Search Engine Optimization. is the practice of orienting your
website to rank higher on a search engine results page (SERP) so
that you receive more traffic.

Charset=”UTF-8”  Is declaring that we are using UTF-8 character set.


<meta name=”keyword” content=”html, html tutorials, web development”>  Used for
adding keyword like above written for the site.
<meta name=”robots” content=”INDEX, FOLLOW”>  Used for INDEX AND FOLLOW in
site.
<link rel="stylesheet" href="aditya.css">
Used to link CSS file with HTML file. rel is short of relation. It specifies the relation between
the tag and href. href stands for hypertext reference. It is the source of the file used bby the
tag.
<script src="aditya.js"></script>
Used to link JAVASCRIPT file with your HTML file.
CONTROL + ENTER  To jump into a new line without using mouse.
Lorem keyword  We can use it to add dummy words, like this, Type
Lorem12 after typing this we will have 12 random words.

PARAGRAPH-
<p></p>  Used to make a paragraph.
P*n  Used to make multiple paragraphs. For example suppose we have to make 5
paragraphs so we can make 1 paragraph and in the next line write p*4 and hit ENTER It
will make 4 paragraphs.

<strong>THIS IS STRONG.!</strong>
<b> BOLD IS HERE </b>
THIS IS STRONG.!  Above line is used to make line BOLD. We can either use
<strong> or <b> for make a line BOLD.

<em>THIS IS EMPHASIZED.!</em>
<i> ITALIC IS HERE </i>
THIS IS EMPHASIZED.!  Above line is used to make line ITALIC. We can either use
<em> or <i> for make a line ITALIC.

NEW LINE TAG-


<p>Hello <br>This is a NEW LINE. </p>
In this paragraph tag we used <br> to make a new line for the upcoming text.
<br>  Is a self-closing tag, We don’t need to close it.

It gives like this  Hello


This is a NEW LINE.
<hr>  This tag is used to make a horizontal line in a webpage. This also don’t need a
closing tag.

ANCHOR TAG-
<a href=”link/url of the site which you want to go”>the text on which you are adding a
link</a>
 We can use anchor tag <a href=””></a> to make a link on a text
 Example, <a href=https://google.com>go to google</a>

We can see this on our webpage  go to google


Example, We can add target=”more than one space” attribute to open a link in a new
window.
<a href="https://google.com" target=" ">go to google</a>
Example, We can add our existing file of our pc in this anchor tag with this,
<a href="/list_&_table_tut.html" target=" ">List and Table</a>

LIST-
<ul>
<li>This is first item of unordered list.</li>
<li>This is second item of unordered list.</li>
<li>This is third item of unordered list.</li>
</ul>
<ul>  Is used for unordered list. Types are disc, circle, square.
<ul type=”type from above”>
<ol>  Is used for ordered list. Types is A, a, 1, I, i.
<ol type=”type from above”>
<li>  Is used for make list.

TABLES-
<table></table>  Used to make a TABLE.
<thead></thead>  Used for head part of TABLE. To add heading in TABLE.
<tbody></tbody>  Used for body part of TABLE. To add DATA in TABLE.
<tr></tr>  Used to make a row of TABLE.
<th></th>  Used to give header of TABLE.
<td></td>  To store data in a cell.
SHORTCUTS 
Ctrl + /  This will convert any line in COMMENT and convert any COMMENT in a
simple line

You might also like