Level no.17

 How to link internal document html ?

To link internal document we use anchor tab. Internal document means the file you created in Visual Studio Code and want to open with online server like we normally do. 

Syntax

<a href="/"></a>

Code

<a href="/Code15"> Click on this to access code15 </a>

In this example the Code-15 is file which is saved in  my html document just by clicking this you can open file in web-page.

How to open link on new tab?

For opening it on new tab anchor tag provide target property or attribute.This is used for telling  the browser where should the linked document loaded. 

Syntax

<a href="" target="_blank"> Hello World </a>

Extra Info.
1.Right click format document to set code view.
2.Alt+down-arrow/up-arrow to drag data up/down.
3.You can open multiple similar elements  of a tag. For this syntax is below:
syntax
p*4-Open 4 paragraph tags.
td*6-Open 6 table data tags.
br*2-Open 2 line break tags.
Like this you will similar multiple elements.

Table
Today I will tel you about creating table in html.

Syntax

<table> 
<thead> For giving title/heading  of table 
<th> For table sub-heading </th>
</thead>
<tbody> For table body
<tr> table row in which we apply table  data tag for entering data 
<td> Hello to table data </td>
</tr>
<tbody>
</table>

There is nothing different but in this syntax the tags usage is more other than the previous one.

Strong and Emphasize Tag

Strong tag is similar to bold tag, this will hold the text when you apply strong tag.The element present inside the strong tag is refer to as strong element. Emphasize tag is used to emphasize the text, element written in emphasize tag is displayed in italic. We can change the writing format using CSS.

Syntax
Strong tag
<strong> </strong>

Emphasize Tag
<em> </em>

Code
Strong tag
<strong> Strawberry are red </strong>

Emphasize Tag
<em> Grapes are  green</em>

HTML ENTITIES 
There are some HTML entities. Which we are going to discuss here. 

First one is &nbsp;. We have discussed this entity earlier.

Now,if we want to print tag in HTML we cannot print it because HTML take is as a tag and perform actions on it and greater than > and less than < are reserved symbols in HTML . So for this problem we use HTML entity to print tags.

Syntax:

&lt; enter any tag &gt;

Code:

This is paragraph tag &lt; p &gt;

Output:

This is paragraph tag <p>.


Comments

Post a Comment

Popular posts from this blog

Level no.4

Image
Lecture 4 How to create Boilerplate Automatically in html? To create boilerplate automatically  in html. "Shift + 1" keyword is used. How to change color in html? <font></font> tags are used to change color in html. In font tag color attribute are used. How to use Font tag with color attribute? <font color="purple"> Hello World </font>. Hello World Difference between tags and attribute? Tags are used to hold the html element and attributes add additional information in tags.We can apply multiple attribute in tags. How to change size in html? To change size in html <font></font> tag with size attribute. How to use Font tag with size attribute? <font size="100">Pakistan</font>. Pakistan. How to change writing style  in html? The style of the writing is changed by using font tag with face attribute. How to use? To use font tag with face attribute we can change writing style. <font face="  Georgia &
Read more

Level no.3

Image
 Lecture 3 In this lecture I study about tags which are used in html. Bold:   To do text bold in html. we use tags <b> </b>. For example <b> Hello World </b>. Hello World Italic: To do text  italic in html.we use tags <i> </i>. For example <i> Hello World < /i>. Hello World     Underline: To place line under any text. we use tags <u> </u>. For example <u> Hello World </u>   Hello World Strike: To use Strike tag in html for unimportant and inaccurate text. For example <strike> 100 </strike>. 100   How to create random paragraph in html? We use "lorem" keyword to create random paragraph in html.           How to use ? <p> lorem <p>. To keep paragraph  on  one page: To keep paragraph on one page in html we use "Alt+Z" keyword.  Superscript and Subscript in html We use superscript and subscript in html to write any formula's and power of a number. Superscript:  Superscri
Read more

Level no.21

Image
CSS Properties  In this lecture we will study about properties of CSS, that define  how HTML element should be displayed on web-page and how we make our web-page layout defined and manageable. Here are some CSS properties: border: It is used for defining the border around the element. syntax:  border: 5px solid black; border-width: It is used for setting width of the border around the element. Syntax:  border-width: 10px; border-style: It is used for setting style of border, in which style the border will appear. Syntax: border-style:solid; border-color:  It is used for changing the color of the border around the HTML element. syntax: border-color: 5px   solid black; border-radius:  It is used for making border corners round, giving them round shape.You can make any side of the border round just by assigning the exact position. Syntax: border-radius: 39px;  You can gradually increase the value according to your preference. Width and Height: This property sets the dimensions of the
Read more