eDiplomaMCU: html

Translate to my Language

Showing posts with label html. Show all posts
Showing posts with label html. Show all posts

Thursday, June 17, 2021

HOW TO CONCISE & EXPAND TEXT IN HTML / BLOGGER

 While working on blogger or html related web pages, we need to use different tags to give shapes that makes the blogger posts attractive. While working on internet, we need basic knowledge of html, that is important for small editing on the blogger page. In this article we are going to discuss about concise and expansion of text/sentence in html. 

Concise & Expand in html tag

HTML (hyper text markup language) is universal, this is applied same while working on computer or working on web services like blogger/wordpress. For making concise & expand text, we need to use <details> tag, following by <summary> and <p> tags. Below, you can see the tag, and illustration as well.

If you are using html tag like below highlighted in yellow color, you will get result like below mentioned -

<details>

<summary>Digital Soft Hub</summary>

<p>Digital Soft Hub is a YouTube Channel run by Abhishek Kumar Tripathi. This channel was created in 2018 with inspiration of Technical Dost (Hitesh Bhai). This channel is all related to informative updates including educational and information video. You can surf different kind of videos on this channel. You can <a href="https://www.youtube.com/channel/UCbbbSpaBEhALUcMNlmy4DLQ"> visit and Subscribe DigitalSoftHub YouTube channel </a> for further updates</p>

</details>


Output that you will get is like below: click on the arrow

Digital Soft Hub

Digital Soft Hub is a YouTube Channel run by Abhishek Kumar Tripathi. This channel was created in 2018 with inspiration of Technical Dost (Hitesh Bhai). This channel is all related to informative updates including educational and information video. You can surf different kind of videos on this channel. You can visit and Subscribe DigitalSoftHub YouTube channel for further updates


You may have seen these kind of items in Wikipedia where you click on the item, a description opens for that title. Hope you like this video. You can watch about this topic in video form in Hindi Language on YouTube : Concise & Expand using html tags on Blogger | Details, summary tag in html | Learn Blogging in Hindi



on No comments:
Labels:

Wednesday, April 7, 2021

FORMATTING TAGS IN HTML (HYPER TEXT MARKUP LANGUAGE) : Bold, Italic, Underline, Font-editing Tags

 Dear students, HTML is essential and easy markup language to create web pages. When you surf anything on Google, that leads you show various links of search options. These blue colored links are hyperlinks that brings you on web pages. A website is a collection of web-pages. 

html formatting tags


Before learning any programming language, you must have knowledge of HTML. In this html learning series you will get to know about html and its usage in broad sense. You can learn html to score better marks in competitive / academic examinations, or you can use it in daily life. If you want career in blogger, website fields, you must have an idea of html.

In this html learning series, we will bring tutorial continuously including video forms too, that will help you to understand better implementations of vital tags.

So let's begin - 

FORMATTING TAGS IN HTML (HYPER TEXT MARKUP LANGUAGE)

Formatting tags are such tags that are used to format html web pages. The concept of format tags is similar to formatting on MS Word document processing at office. We will discuss one by one -

Important - We close (</>) a tag with slash under angle bracket to stop further implementation of that particular tag. Closing the tag make limitation of effect of the tag.

1. Bold Tag - For making any character bold, you have to use 'b' tag. If want to bold a sentence like "Digital Soft Hub is one of the best YouTube Channels on YouTube", you have to create tags like below:

<html>

<head>

<title>Digital Soft Hub</title>

</head>

<body>

<p><b>Digital Soft Hub</b>is one of the best <b>YouTube</b>Channels on YouTube</p>

</body>

</html>

and remember, we will only use relevant tag to explain, we will avoid full tags in further examples.


2. Italic tag - You have to use <i> tag to make a character / word / sentence italic.

Example - If I were the PM of India, I would provide free meal to all poor people.

➢ If I were the <i>PM of India,</i>I would provide free meal to all poor people.


3. Underline tag - Use <u> tag for making underline word / sentence.

Example - We should Respect our elders.

➢ We should <u>Respect our elders.</u>


4. Editing font - You can format Font color, size etc by following <font> tag.

Example - We are exam warriors, we can crack every exam.

➢ We are <font color="red">exam warriors</font>, we can crack every exam.


In coming articles, we will bring interesting tags of html. So stay connected with us. Watch the video below (in Hindi) for understanding what mentioned in this article.
on No comments:
Labels:
Subscribe to: Posts (Atom)