https://github.com/nishatrhythm/html-for-beginners

Basic HTML tags can be found here. Hopefully, it will be helpful for the beginners.
https://github.com/nishatrhythm/html-for-beginners

colspan html htmlbasictags ict rowspan table tags

Last synced: 25 days ago
JSON representation

Basic HTML tags can be found here. Hopefully, it will be helpful for the beginners.

• Host: GitHub
• URL: https://github.com/nishatrhythm/html-for-beginners
• Owner: nishatrhythm
• License: mit
• Created: 2023-09-02T04:44:01.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-09-02T14:00:38.000Z (over 1 year ago)
• Last Synced: 2023-09-03T08:39:51.474Z (over 1 year ago)
• Topics: colspan, html, htmlbasictags, ict, rowspan, table, tags
• Language: HTML
• Homepage:
• Size: 585 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# HTML Basic Tags

### Basic HTML Format

```html

  

    Hello world!

  

```

  

    Hello world!

  

### Paragraph (Default)

```html

This is a paragraph

```

This is a paragraph


### Paragraph (with alignment attributes)

```html

Paragraph with left alignment

Paragraph with center alignment

Paragraph with middle alignment

Paragraph with right alignment

Paragraph with justified alignment

```

Paragraph with left alignment

Paragraph with center alignment

Paragraph with middle alignment

Paragraph with right alignment

Paragraph with justified alignment


### Bold

```html

This text is Bold

```

This text is **Bold**

### Italic

```html

This text is Italic

```

This text is _Italic_

### Underline

```html

This text is Underlined

```

This text is Underlined

### Strong

```html

This text is strong

```

This text is strong

### Emphasize

```html

This text is emphasized

```

This text is emphasized

### Delete

```html

This text is deleted

```

This text is deleted

### Line Break

```html

There are 
three lines

```

There are 
three lines

### Horizontal Line

```html

There is a horizontal line under this paragraph. 


There is a horizontal line above this paragraph.

```

There is a horizontal line under this paragraph. 


There is a horizontal line above this paragraph.


### Subscript

```html

Chemical formula of water is H2O

```

Chemical formula of water is H2O

### Superscript

```html

A mathematical formula is (a + b)2 = a2 + 2ab + b2

```

A mathematical formula is (a + b)2 = a2 + 2ab + b2

### Heading

```html

This is h1 heading

This is h2 heading

This is h3 heading

This is h4 heading

This is h5 heading

This is h6 heading

```

This is h1 heading

This is h2 heading

This is h3 heading

This is h4 heading

This is h5 heading

This is h6 heading


### Image (Default)

```html



```



### Image (with width and height)

```html



```



### Image (with alternative text, if image is missing)

```html



```



### Hyperlink (with website)

```html

Visit Google

```

Visit Google

### Hyperlink (open in a new page or tab)

```html

Visit Google in a new tab.

```

Visit Google in a new tab.



**Note:** GitHub doesn't support new tab link opening as of now. But HTML editors will work fine.

### Hyperlink (with a file)

```html

Open Basic HTML file. 


Open horse image.

```

Open Basic HTML file. 


Open horse image.

### Ordered List (Default)

```html



  
Banana

  
Apple

  
Mango

  
Lichi

  
Orange

  
Guava



```



  
Banana

  
Apple

  
Mango

  
Lichi

  
Orange

  
Guava



### Ordered List (with attribute)

```html



  
Banana

  
Apple

  
Mango

  
Lichi

  
Orange

  
Guava



```



  
Banana

  
Apple

  
Mango

  
Lichi

  
Orange

  
Guava



### Ordered List (Roman Number)

```html



  
Banana

  
Apple

  
Mango

  
Lichi

  
Orange

  
Guava



```



  
Banana

  
Apple

  
Mango

  
Lichi

  
Orange

  
Guava



### Ordered List (start from specific number)

```html



  
Banana

  
Apple

  
Mango

  
Lichi

  
Orange

  
Guava



```



  
Banana

  
Apple

  
Mango

  
Lichi

  
Orange

  
Guava



### Unordered List (Default)

```html



  
Banana

  
Apple

  
Mango

  
Lichi

  
Orange

  
Guava



```



  
Banana

  
Apple

  
Mango

  
Lichi

  
Orange

  
Guava



### Unordered List (Circle)

```html



  
Banana

  
Apple

  
Mango

  
Lichi

  
Orange

  
Guava



```



  
Banana

  
Apple

  
Mango

  
Lichi

  
Orange

  
Guava



### Unordered List (Square)

```html



  
Banana

  
Apple

  
Mango

  
Lichi

  
Orange

  
Guava



```



  
Banana

  
Apple

  
Mango

  
Lichi

  
Orange

  
Guava



### Unordered List (Disk)

```html



  
Banana

  
Apple

  
Mango

  
Lichi

  
Orange

  
Guava



```



  
Banana

  
Apple

  
Mango

  
Lichi

  
Orange

  
Guava



### Nested Ordered and Unordered List

```html



  
Fruits

    


      
Banana

      
Apple

      
Mango

    

  
Vegetables

  
Rice

  
Oil



```



  
Fruits

    


      
Banana

      
Apple

      
Mango

    

  
Vegetables

  
Rice

  
Oil








# Table

### Table (Default)

```html

  

    Name

    Roll

  

  

    John

    2301

  

  

    Christopher

    230002

  

```

  

    Name

    Roll

  

  

    John

    2301

  

  

    Christopher

    230002

  

### Table (with double table border)

```html

  

    Name

    Roll

  

  

    John

    2301

  

  

    Christopher

    230002

  

```

  

    Name

    Roll

  

  

    John

    2301

  

  

    Christopher

    230002

  

### Table (with single table border)

```html

  

    Name

    Roll

  

  

    John

    2301

  

  

    Christopher

    230002

  

```

  

    Name

    Roll

  

  

    John

    2301

  

  

    Christopher

    230002

  

### Table (with table data alignment)

```html

  

    Name

    Roll

  

  

    John

    2301

  

  

    Christopher

    230002

  

```

  

    Name

    Roll

  

  

    John

    2301

  

  

    Christopher

    230002

  

### Table (with table row alignment)

```html

  

    Name

    Roll

  

  

    John

    2301

  

  

    Christopher

    230002

  

```

  

    Name

    Roll

  

  

    John

    2301

  

  

    Christopher

    230002

  

### Table (with table heading row)

```html

  

    Name

    Roll

  

  

    John

    2301

  

  

    Christopher

    230002

  

```

  

    Name

    Roll

  

  

    John

    2301

  

  

    Christopher

    230002

  

### Table (Rowspan)

```html

  

    Name

    Batch

    Roll

  

  

    John

    23

    2301

  

  

    Christopher

    230002

  

```

  

    Name

    Batch

    Roll

  

  

    John

    23

    2301

  

  

    Christopher

    230002

  

### Table (Colspan)

```html

  

    First Name & Last Name

    Roll

  

  

    John

    Richard

    2301

  

  

    Christopher

    Tyler

    230002

  

```

  

    First Name & Last Name

    Roll

  

  

    John

    Richard

    2301

  

  

    Christopher

    Tyler

    230002

  






# Examples

### Complex Table 1

  

Hint: Use colspan, rowspan, hyperlink, image and line break tags. Click here to get the answer.

### Complex Table 2

  

Hint: Use colspan, rowspan and table data alignments. Click here to get the answer.

### Complex Table 3

  

Hint: Use colspan, rowspan and vertical alignment. Click here to get the answer.

### Complex Table 4

  

Hint: Use colspan, rowspan and table data alignment. Click here to get the answer.

### Complex Table 5

  

Hint: Use colspan, rowspan and ordered list. Click here to get the answer.

### Complex Table 6

  

Hint: Try yourself! Click here to get the answer.