Don't wanna be here? Send us removal request.
Text
Engagement, Yield and Reach, Conversion in Facebook Ads | Digital Marketing tutorials
Online marketing is centred around Engagement and Conversion metrics and ROI, which act as KPIs for all companies and businesses. EY which generally stands for Engagement, Yield, and Reach, provide a comprehensive framework for evaluating advertising performance. In this article, one of the reputed facebook ad expert trainer from top digital marketing institute in Delhi will teach you these metrics and help you use them in your Facebook ads campaign
Facebook Ads
Engagement for Facebook Ads
You can use EY’s engagement indicator to make sure your Facebook ad campaign works. Engagement rates are how your audience interacts with your content and links to it. They include clicking, sharing, watching videos, likes, comments, and so on. If your material gets a lot of attention, you’ll be patronized more.
Yield: Value Creation through Improved Engagement
Although engagement is important, yield is the key indicator of how well your Facebook ad campaign is working. Yield is the percentage of interaction compared to measurable results like leads, purchases, or registrations. It works as a metric to assess how well your campaign produced actual business results.
1. Conversion Rate: The proportion of people who do the desired action (like making a purchase or signing up) after engaging with your content.
2. Cost per Conversion: The cost required to get a lead or accomplish a transaction.
Return on Investment (ROI): the proportion of sales to advertising costs.Know More
#Computer Institute in Delhi#Best Computer Institute in Delhi#Graphic design course in delhi#Graphic design institute#graphic design institute in delhi#Web development institute in delhi
1 note
·
View note
Text
Key differences between Linux and Windows Operating System
LINUX Operating System
Developed in 1991, Linux is an open-source operating system based on UNIX. It offers a programming interface while being program compatible with computers based on operating systems and offers a wide range of applications. Additionally, it has a Graphical User Interface (GUI) that has several essential everyday software. Additionally, it is utilized with Linux operating on laptops, smartphones, game consoles, digital storage devices, eBook readers, cameras, and video recorders.
It is software that a computer uses to run all other applications. Being an open-source operating system, users can alter the current code and create new distributions using it. Most people use Linux as a server.A UNIX operating system also includes a number of independently developed components, resulting in a system that is entirely interoperable and free of proprietary code.
WINDOWS Operating System
Microsoft created the Windows operating system family of computer operating systems (OS) for personal computers (PC). Every operating system includes a desktop that features a graphical user interface (GUI), which enables users to view all files, movies, etc. In 1985, the first version of Windows OS was released. It was a considerable upgrade to the already-existing MS-DOS disk operating system with a straightforward GUI.
On x86 devices, including AMD and Intel CPUs, it operates. As a result, practically all manufacturers of PCs and laptops include Windows OS.It is a licensed operating system with a locked source code. For all individuals with very little to no computer experience, Windows functions rather effectively. Due to its simplicity and ease of use, it is suitable for both personal usage and commercial use by enterprises.Know More
#Computer Institute in Delhi#Best Computer Institute in Delhi#Graphic design course in delhi#Graphic design institute#graphic design institute in delhi#Web development institute in delhi
0 notes
Text
How to start earning from your own website blog at home
Are you an artist hoping to share your creations with the world? You might be a self-employed designer, photographer, writer, or artist looking for a method to show off your abilities to potential customers. Your ideal option may be a WordPress portfolio blog. WordPress is the go-to platform for producing a great online portfolio that accurately portrays you and your company thanks to its limitless customization choices, user-friendly design, and strong capabilities.
Imagine having a gorgeous website that properly encapsulates your distinct sense of style and creativity. When it comes to personalization, WordPress has no bounds. To obtain the ideal design for your site, you can pick from thousands of themes, both free and paid. You may expand the functionality and user-friendliness of your website by adding features like social media integration, contact forms, and statistics using simple plugins.
A WordPress portfolio blog may help you develop your brand and position yourself as an authority in your industry, so it’s not just about looks. You may build a devoted audience and become known as a thought leader in your sector by exhibiting your work and producing blog entries on issues relating to your industry.
It may seem difficult, but setting up a WordPress portfolio blog is simpler than you may imagine. A beautiful website may be launched quickly with only a few easy steps. WordPress has a user-friendly interface that makes modification and upkeep simple, regardless of whether you’re a seasoned professional in technology or a novice to the world of web design.
Why then wait? With a WordPress portfolio blog, it’s time to unleash your creativity and improve your online visibility. A WordPress portfolio blog may help you accomplish your goals and advance your profession, whether you’re trying to draw in new clients, show the world your work, or position yourself as an industry thought leader. So why are you still waiting? Start now and see how much your web presence will grow!
What is WordPress?
As an open-source content management system (CMS), WordPress enables anyone to use it to create any type of website they can think of. Anyone may run a website or blog thanks to its free web publishing platform and content management system (CMS). In 2003, it began as a blogging platform but quickly evolved into a CMS and then a complete platform for developing websites. WordPress is the most widely used web software among both businesses and consumers, powering 43% of all websites on the internet. It is a versatile platform that can be used for a variety of things, including developing social networks and online stores. WordPress is dedicated to maintaining its enormous flexibility advantage while also becoming even more beginner-friendly.
WordPress enables easy no code website development and designing and is being used my huge number of small and medium scale companies. You can learn web development using WordPress and start making crazy design websites for clients and earn more along with blog monetization.
There are many web design institute in Delhi providing offline and online web development course.Know More
#Computer Institute in Delhi#Best Computer Institute in Delhi#Graphic design course in delhi#Graphic design institute#graphic design institute in delhi#Web development institute in delhi
0 notes
Text
A Simple Tutorial To TDS And GST Filing In Tally
Businesses in India are required to abide by two significant tax-related compliances: TDS (Tax Deducted at Source) and GST (Goods and Services Tax). Tally is a well-known accounting program that aids companies in managing their accounts and adhering to tax laws.
This manual intends to offer a detailed process for submitting TDS and GST in Tally. It will go over subjects including setting up TDS and GST ledgers in Tally, entering transactions, checking totals, producing reports, and filing returns.
A lot of business in India are looking for Tally Experts who can help their accounitng and finance teams. You can be the a best fit for them but it requires skills. Learn tally from Best Tally Institute in Delhi. There are few concepts everyone should know, top Tally trainers from Delhi helps with free tutorials for students looking for e-accounting.
The tutorial will give a thorough breakdown of the TDS and GST filing procedures in Tally, making it simpler for businesses to handle their taxes and stay clear of fines.
A Basic Step By Step Tutorial For Setting Up And Filing TDS In Tally
Activating TDS in Tally
Go to the Gateway of Tally and choose the F11: Features option to activate TDS in Tally Prime.Know More
#Computer Institute in Delhi#Best Computer Institute in Delhi#Graphic design course in delhi#Graphic design institute#graphic design institute in delhi#Web development institute in delhi
0 notes
Text
How to use Microsoft Outlook? Basic Tutorial of Outlook 2023
With a lot of technological development all around, even the the application of basics of computer have changed. The current non-technical jobs that require basic computer course knowledge are not just microsoft office expertise but also include latest tools, techniques, methodologies or even technologies like AI. Microsoft Outlook is one of such wonderful tool that is a must have skill for anyone who learns basic computer in 2023.
MS Outlook: What is it?
Microsoft Outlook is a personal data management software programme created by Microsoft. Although its primary use is email, it also has other useful functions including a calendar, task organiser, contact manager, note-taking, diary, and web surfing.
What is the purpose of Microsoft Outlook?
Microsoft Outlook’s major goal is to assist users in managing their communication and productivity requirements for both their personal and professional lives. It acts as a personal information manager and is useful for several things, including:
Email Management
Users can send and receive emails, organise their email folders, define the parameters to automatically sort mail, manage numerous email accounts from a single platform, and more using Outlook’s feature-rich email management system.
Calendar Management
An integrated calendar in Outlook enables users to make reminders, plan appointments, and share their calendars with others.
Contact Management
Users can save and organise their contact information, including email addresses, phone numbers, and mailing addresses, using Outlook’s built-in contact management system.Know More
#Computer Institute in Delhi#Best Computer Institute in Delhi#Graphic design course in delhi#Graphic design institute#graphic design institute in delhi#Web development institute in delhi
0 notes
Text
Basics of CSS and its Types in detail | Web Development institute in Delhi
#Computer Institute in Delhi#Best Computer Institute in Delhi#Graphic design course in delhi#Graphic design institute#graphic design institute in delhi#Web development institute in delhi
0 notes
Text
Basics of Affiliate Marketing: Earn Money from Internet
#Computer Institute in Delhi#Best Computer Institute in Delhi#Graphic design course in delhi#Graphic design institute#graphic design institute in delhi#Web development institute in delhi
0 notes
Text
Exploring Dynamic and Static Memory Allocation in Python
#Computer Institute in Delhi#Best Computer Institute in Delhi#Graphic design course in delhi#Graphic design institute#graphic design institute in delhi#Web development institute in delhi
0 notes
Text
Keyword Research in SEO Tutorial
#Computer Institute in Delhi#Best Computer Institute in Delhi#Graphic design course in delhi#Graphic design institute#graphic design institute in delhi#Web development institute in delhi
0 notes
Text
Importance of White Space in UX/UI Designing
#Computer Institute in Delhi#Best Computer Institute in Delhi#Graphic design course in delhi#Graphic design institute#graphic design institute in delhi#Web development institute in delhi
0 notes
Text
Best Tally online certification course with GST
#Computer Institute in Delhi#Best Computer Institute in Delhi#Graphic design course in delhi#Graphic design institute#graphic design institute in delhi#Web development institute in delhi
0 notes
Text
Advance Excel Course Beginner To Advance
#Computer Institute in Delhi#Best Computer Institute in Delhi#Graphic design course in delhi#Graphic design institute#graphic design institute in delhi#Web development institute in delhi
0 notes
Text
Best Online And Offline It Courses
#Computer Institute in Delhi#Best Computer Institute in Delhi#Graphic design course in delhi#Graphic design institute#graphic design institute in delhi#Web development institute in delhi
0 notes
Text
How to use AI in Canva to make presentations easily
In this AI world, let’s unleash the power of artificial intelligence in Canva to create animations and exploring various other hidden gems of Canva. This AI won’t only help you create the visual part of your presentation deck but it will also help you write all the content and other aspects as well. So, you don’t have to start with an empty canvas. The AI features in Canva will also help you improve titles and create unique images that are not available in the Canva library and we will show you all of it here. Canva helped me write all the content and some of the images were generated by the AI so if you guys are interested let’s begin further.
How To Create Presentation With Magic Desgin?
Let’s go to canva.com and we’re going to create a new presentation document.
To do this you can use the button on top of the screen that says “create a design”.
From here we are going to select the option that says presentation 16:9.
We’re going to use “magic design” to create a presentation in seconds. This is the AI feature that I was talking about. This feature is available only in this format at the moment so if you were to select this format the 4×3 you won’t be able to see this feature.
We can access “magic design” in two different ways.
You will see it on the left-hand side. You will see a banner that says “magic design” describe the presentation you want and we’ll write and design a draft for you instantly so we can either click in here.
But if at some point this Banner disappears, you can access magic design with the button on the bottom of your screen i.e., Canva assistant button.
This time and from here we’ll see magic design, If You Don’t See Magic design under recommended actions you can type in here magic design.
If you are testing this feature for the first time, you don’t really need to create a presentation but you also just want to try it out. You can click on the button for an example. So, I’m going to click to see what Canva provides.
You will see a dialogue box appear on the screen where you can write the TITLE for your presentation.
Tap on “GENERATE” to see the outcome presentation.
And, here are the outcome for what we were exactly waiting for.
Use Magic Write To Improve Your Titles
We’re going to use to improve the titles on our presentations is called Magic right and this one is available for Canva pro users. let’s say that we want to improve the text that we see on the cover of our presentation deck.
We’re going to select this text box that I want to edit or improve.
We will be going to the Canva systems and from here we’ll see this option called edit with magic right. All of these features have the crown and that’s why I mentioned that this one is a Canva pro feature.
This time we are going to use “edit with magic right”. This window will appear and we have the text from the text box inside the magic right.
We will be adding a prompt to improve this title. so, I am just going to ask magic right to make this title catchier and then press return. Okay…!
This is what Canva “Unlocking the power of reading”.
Magic Edit in Canva
The next new feature powered by AI is called Magic edit and this feature will allow me to edit any part of my photo by brushing over a certain object in my photo and then replace that object by another.
Let me show you how it works with image that I have right here in this document.
The first step you will need to select your photo.
Click on that photo and then click on the edit photo button right here.
Now you should see magic edit.
The way magic edit is a free feature so that is a real gift from Canva that could easily have been a pro feature. So, every Canva user will have the possibility to edit up to 100 photos per day using magic edit.
Alright, so we will be going to click on magic edit right here which says one brush over the image. Highlights of the image will be edited.
From the slider that we have on the left of the screen, we can resize our brush.
When you’re done highlighting or brushing over the object you want to replace, just click on continue.
Now what do you want to generate in the brushed area, why not ask Canva to do that for us.
Now is where the magic is really going to happen. Canva is going to generate four versions of this emoji. choose between one of these four versions and there you go.
There you go. Here the highlighted area is replaced by a different generated emoji.
Translate feature in Canva
I want to talk about is called translate and this feature will help you translate anything that is text based in your design into any of the 100 plus languages that Canva can deal with. So, let’s try it out.
We have the perfect template right here, that is being prepared for you. This is my template having a text box.
A call to action is to spot “translate”. Well, “translate” is going to be tucked under your apps right here.
You’ll need to click on apps and then you scroll down a bit and you should see a button below that says translate.
Click on that. The first thing I want to say is that you have two different tabs so make sure you check the settings once you are pretty good to go with the first menu right here the first part of the UI.
I would say the first box is translate from which you can let that to automatically detect especially if you’re working in a language like English.
Then you can choose which language you want to translate to. So, I want to switch to French.
Tap on “TRANSLATE”.
Let’s see, what it’ll do for us.
How to do Beat Sync in Canva using AI
Let’s continue to explore the magic AI features from Canva and this time we are going to look at a specific feature that is going to be awesome for making videos, this one is called Beat sync.
Beat sync will allow you to skip the manual editing when you’re making videos and match your video footage with a soundtrack with the click of a button.
Let me show you how it works. Let’s jump into a video project that I pre-arrange for you and try it out.
So, what we are going to do is to use a video project. You see different video clips right here. This project that I have laid out here have bunch of different video clips. I have aligned these with no soundtrack as of now. So, I’m going to start by finding a soundtrack.
You can upload your very own piece of music or you can find a soundtrack in the Canva audio library.
You can go to your apps and then find the audio. Now, this is a pro feature, if you are going to use this you will also have access to all of the pro soundtrack in Canva.
I’m going to be use any of this sound and Canva is going to position it on the timeline right here.
So, with the track selected I’m going to click on beat sync.
Beat sync is going to do is to realign all of that. So, let’s turn this on. Now it’s kind of perfectly aligned and let’s see the difference. After all this, you’ll really be able to observe the effect of beat sync. This really helped me really assist and changing the visuals based on the changes that I can hear in my soundtrack. This is quite hard to explain really what it does with words because it’s something you have to listen to and feel really. But here I really noticed that my audio track was synced with the changes of the visuals so this is Beat sync.
Again, it is a pro feature and a kind of magic because it is AI assisted in order for them to recognize the peaks in the music in your soundtrack.
You can also learn these tricks but to be a pro at design, you must have hands on software like Adobe Iluustrator, Photooshop. ESS institute being a top graphic deisgn institute in Delhi can also help you with the practicle graphic design course.
And for canva, you can also check our other tutorials listed below
Canva tutorial for Beginners
Canva tricks for a advanced user
But do not try to put everything in just one design, it becomes messy, learn how to manage spacces and importance of white space in graphic designing and UI
#Computer Institute in Delhi#Best Computer Institute in Delhi#Graphic design course in delhi#Graphic design institute#graphic design institute in delhi#Web development institute in delhi
0 notes
Text
How to format a proper ebook for Amazon Kindle in MS Word
Becoming a published author today is just a few clicks away, and the key to unlocking that door lies in the art of formatting your masterpiece for electronic devices, mobile phones and kindle. In this step-by-step tutorial, computer trainer from ESS Institute, one of the best computer institute in Delhi explains how to transform your words into a polished eBook using Microsoft Word. Whether you’re a seasoned wordsmith or a budding storyteller, join us as we navigate the formatting prowess, setting the stage for your literary debut on the Amazon platform and the potential to turn your passion into profit. It’s time to dust off those creative cobwebs and embark on a journey that transcends the boundaries of your imagination—welcome to the realm of self-publishing success!
What is an ebook?
An ebook, known as “electronic book”, is a digital version of a traditional printed book. It is readable on different electronic devices like computers, smartphones, tablets, e-readers etc.
Instead of printing on paper, ebooks are created in digital formats. It contains images, text, and different elements.
Characteristics of an E-Book
Digital Format
They are documents that can be viewed on electronic devices, frequently in formats like EPUB, PDF, AZW, or MOBI.
Accessibility
With features like audio, audio+highlighted text, braille, big font, colors, reading speed, and more, they let students personalize their learning and read in a way that suits them.
Convenience
They can be downloaded or purchased online or both, without taking any physical space. They can be readable from any geographic location across boundaries.
Portable
Since they are digital, you can access a variety of books everywhere you are by carrying a library of them on a single device.
What is Amazon Kindle?
Amazon Kindle is developed by Amazon for reading and accessing digital books, newspapers, and other written content. It is a digitalized platform which gets access with the help of the internet. Amazon Kindle includes Kindle E-Readers, Kindle Apps, Ebooks, Whispersync, Built-in Light, Whispersync, Kindle Unlimited etc.
How to format an ebook in MS Word?
If you are new with ms word, formatting an ebook in the same can be a bit complex. As it may require specific layout and format considerations to ensure compatibility in various ebooks reading devices and platforms. Here are 10 easy steps on how to format an ebook for kindle in ms word.
Step 1: Select the correct version of MS Word
Make sure you are using the right version of Microsoft Word (2010, 2013, 2016, 2019, or Microsoft 365) which are in recent use for the best compatibility feature. Open any of the above mentioned and follow the next steps.
Step 2: Set up page layout and styles accordingly
Ensure your page size and margins are set up properly. Most of the ebooks use a standard page size of 6×9 inches. For the same Go to Page Layout tab, click on “Size”, select “More Paper Sizes” to set the dimensions. Also adjust the margins as well accordingly, keeping them consistent throughout your document. Use word’s built in styles (Heading 1, Heading 2, etc.) for consistent formatting.
Step 3: Remove Headers/Footers and Page Numbers
Most of the ebooks do not include headers/footers and page numbers. Because including page numbers navigates specific thing to specific page which ebooks don’t support. Go to insert tab and select Page
Number or Header/Footer. Choose “Remove Page Numbers” or “Remove Headers & Footers”.
Step 4: Insert and Draft a Table of Contents
Now create a table of contents using Word’s built-in-table of contents feature. Go to the “References” tab at the top of the window. Click on ”Table of Contents” dropdown button . Select any one of the styles according to your choice or can choose “Custom Table of Contents” to customize the formatting. Also set the links to navigate to the corresponding sections of your table of contents.
Step 5: Place Body of the contents
The body of the material you want the e-book to have can be input here. Body provides an overview of the book’s usual core ideas, including its chapters, sections, and text that provides information.
Step 6: Insert Hyperlinks
For inserting a hyperlink to navigate to websites and other sections of a book, highlight the text that you want to turn into a hyperlink, right click on it, and from the context menu, select “Hyperlink”. Dialog box will appear. In the same select which type of link you want. Click on Ok.
Step 7: Remove extra spaces and page breaks
Make sure to remove extra spaces and page breaks in your ebook. As it is essential to ensure a clean and consistent layout. For the same, Click on “Home” tab in the Ribbon at the top of the window. In the “Editing” group, click on the “Replace” button . Now the ��Find and Replace” dialog box will appear. In the “Find What” field, type a space followed by another space:” ”.In the “Replace with” field, type a single space:” “.Now click on “Replace All” button.
Step 8: Save in pdf format
Now to create an ebook file that can be easily converted into various formats, save your word document as a PDF for the best compatibility.Go to “File” > ”Save As” > choose PDF as the format. This will provide consistency to your formatting and layout.
Step 9: Convert to ebook format
To have the distribution feature of your ebook, you will typically need to convert the PDF to ebook formats like EPUB, MOBI. You can convert it online with the help of different online converter platforms.
Step 10: Test it Accessibility
Now is the final time to test your ebook on multiple devices. To check its accessibility, compatibility and user friendly features. If you feel some errors or disreputability, immediately work on the same and correct it before final uploading on amazon.
What are the benefits of Using MS Word for Creating an Ebook?
There are many benefits of using Ms Word for Creating an Ebook for those who are very much familiar with the software. Benefits includes:
Easy to Customize
Ms Word has different customizing features and it offers extensive formatting capabilities, allowing you to create the visually appealing ebooks with customized styles, fonts, headings and page layouts.
Can Insert different Images and Graphics
Ms word allows you to insert different images and graphics to enhance your visibility and to make it in an attractive way.It provides tools for resizing, positioning, formatting images etc.
WYSIWYG Editing
Ms Word provides “What You See Is What You Get” interface, which allows you to see your ebook in real time with its immediate results. This interface allows users to create and edit your ebook’s layout and appearance.
Making an Ebook on Ms Word for Amazon Kindle provides authors and different writers the freedom, accuracy, and customizability to offer their readers a convenient and versatile way to access and enjoy written content in the digital format, by sitting at any corner of geographical location.
You can also do it by yourself. But if you are still thinking how to start, ESS Institute is one of the leading Computer Training Institute in Delhi where you can learn Microsoft office with computer operations too in less than 90 days only. Apply Now
#Computer Institute in Delhi#Best Computer Institute in Delhi#Graphic design course in delhi#Graphic design institute#graphic design institute in delhi#Web development institute in delhi
0 notes
Text
Complete HTML Tutorial from scratch | Web development course in Delhi
Creating and customizing websites is the process of web designing. Languages such as HTML for structure, CSS for display and JavaScript for interactivity are used. To build visually beautiful and user-friendly websites, designers prioritize layout, color schemes, graphics, and user experience. Additionally, they might use content management systems and consider device responsiveness. It includes a range of expertise and disciplines that come together to provide a useful and entertaining online experience.
In this article, you will get to learn complete HTML from scratch to expert level, prepared by one of the trainer from top web development institute in Delhi. Lets begin by setting up our system
HTML Complete tutorial
VS code setup, installation and first HTML Code
Here we are going to show you how you can install Visual Studio code on your Windows. So, let’s get started.
1) To start with, just open up the browser and search for Visual Studio code.
2) The first link appearing here is from “code dot visual studio.com”. We are going to click on this link and once this website is open straight away.
3) You will be able to see the blue download button for Windows. So, we are going to just click on this button which is going to download this executable file and click on download for window.
4) Now this executable file is downloaded. So I’m going to just click on this file and here appear a box where we have to first of all click on the Run button and then we will be going to just agree with the license terms and conditions.
5) Click on Next button and this will be the location where Visual Studio code will be installed on your operating system.
6) Just click on the next button and here are some options which you can choose according to you and here we are going to just check all the options and then going to click on the next button and install.
7) Visual Studio code will take few seconds to install. So we will wait for the installation to complete.
8) Now as you can see the Visual Studio code setup has been finished and here is the page that appears when we open VS code.
First HTML code
1) Let’s See, how to run html files using visual studio code. So we need to install a new extension called “open in browser” by clicking on this extensions button.
2) Click on this first extension and Install it. After the extension is being installed correctly, we can close this page.
3) To start writing your first code, you guys have to create a new html file.
4) Click on “file” and “open folder”.
5) Create a “new folder” I will call it HTML Tutorial.
6) Let’s select the folder and then create a new html file say “hello.html”.
7) Now write some html code, just type – exclamation mark and then hit enter. Here we obtain this template and we can change it accordingly like the title and also we can write some text in the body.
8) Save this file (ctrl + s)
9) To open it in the browse, make a right click on file name and then “open in default browser”.
10) We will obtain this page in the browser.
HTML tutorial using Notepad for beginners
Boilerplate in HTML
A boilerplate in HTML is a template you will add at the start of your project.
Let us say you are writing a code for your website and you do not want to write all the basic code by yourself.
1) For what you want to have some shortcut, and there’s a good news “VS CODE” has a shortcut for this boilerplate. First thing, you just need to start coding simply by pressing (shift+1) which will going to return exclamation mark on your screen on your code editor.
2) Here appear two options from which you have to select the very first and boom here you have your boilerplate ready in front of you.
Here Are Some Basic Components Of HTML BoilerPlate
1. <! DOCTYPE html>: It specifies the version of HTML being used. HTML 5 is the most recent and extensively supported version in instance.
2. <html>: An <HTML> is the base element of the page. Every other HTML element on the page is contained within it.
3. <head>: The head section has metadata about the document, including connections to style sheets, the title, character encoding, and other metadata. It doesn’t have any content that is seen on the webpage immediately.
4. <meta charset=”UTF-8″>: This meta tag indicates the document’s character encoding, which is usually set to UTF-8 to accommodate a large character set.
5. Using the meta name=”viewport” and content=”width=device-width, initial-scale=1.0″ This meta tag facilitates creating the webpage to various screen sizes, particularly on mobile devices.
6. <title>: This element sets the webpage’s title, which shows up in the title bar or tab of the browser.
7. <Body>: All of the material that will be shown on the webpage, including text, pictures, links, and other media, is contained in this area.
Heading in HTML
Let’s learn about some tags to the body and see what they look like. Beginning with our heading tags. We have our opening and closing heading tags numbered <h1> to <h6>. <h1> defines the most important heading. This should represent the main heading/subject for the whole page. Heading are a way to create emphasis and a sense of visual hierarchy of information.
<h6> defines the least important heading.
DO NOT SKIP the heading levels. You must write <h3> after <h2> and so on.
1) Let’s try writing by ourselves.
2) For output, we need to save the file in our code editor.
3) Right click on the file and tap “open in default browser”.
4) And this is how all the headings are printed on the screen.
<STRONG> TAG
Let’s see how strong tag works in html and how to use it properly. Before you decide to markup your text, you need to answer three questions.
Is the text super important? If yes then you must use strong tag. Is it super urgent? If yes then you must use strong tag as well is it very serious? If yes then you must use strong tag. Again now let’s write some code and learn how to use strong tag properly.
Here we will open up the html document we have created.
Using visual studio, I have a block of text and saying that “Believe in yourself and all that you are. Know that there is something inside you that is greater than any obstacle anddon’t wait for opportunity, create it.” As you want to make more emphasis on bolded sentence.
So we just mark up this part using html strong tag.
So, the opening strong tag looks like starting with left angle bracket (<) strong and right angle bracket (<strong>) and a closing strong tag looks like this starting with left angle bracket, forward slash strong and right angle bracket (</strong>).
Save the program and let’s try this up in the browser.
Text content i marked up using strong tag is rendered as a bold text. But that doesn’t mean you to make your text bold. Because you can only use strong tag if your content is super important or super urgent or super serious.
<EM> Tag
Try answering question before we actually get to know about the use of <em> tag. Is there any word or phrase you want to place great emphasis. If yes, then you must use <em> tag.
To wrap it up, now let’s write some code and learn how to use <em> tag properly.
I have written two sentences. 1) This is not a joke. If you paid close attention when i speak out the sentence, i stressed more emphasis on the word not compared to other words. So we can just wrap the word NOT with the <em> tag.
2) We have to leave now. Again, more emphasis will be on the word “now” compared to other words. Perform the same steps you did with earlier sentence.
Save your document and try this up in the browser.
Content we enclosed up using <em> tag is italicized. But it doesn’t mean that you can use <em> tag if you only want to make your text italic.
Paragraph Tag <p>
Almost all websites use text and one of the most common ways to organize text is with paragraphs. You can create paragraphs in html using the <p> tag.
You’ll need a start tag and an end tag by default. Each paragraph will have a little bit of margin above and below it to give it some space between other elements. It’s very common to use the <p> tag whenever you’re working with a large amount of text.
If you want to enable horizontal scroll, right click and click on command palette.
Search for toggle word wrap and the thing will be done.
Complete Web Development Online Certification Course
Learn Web Development Online with our Web Development certification course covering HTML, CSS, JavaScript and everything you need to create a new website.
Enroll Now
<INS> Tag
The <ins> tag in HTML is used to indicate that a section of text has been inserted into a document. This tag is typically used in conjunction with the <del> tag, which is used to indicate deleted or removed text.
Here’s a common scenario where the <ins> tag might be used: Let’s say you have a document or a webpage that is being collaboratively edited by multiple people.
If someone adds new content to the document, you can use the <ins> tag to highlight that added content.
In this example, the text “newly added” will be visually distinguished (often underlined by default) to indicate that it’s new content.
Super script and subscript
Superscript and subscript are typographical elements used to format text in a way that it appears above or below the regular text line. They have different use cases:
1) Superscript (<sup>):
Superscript is used for characters or numbers that are raised above the regular text line and which can be commonly used for Exponents in mathematical expressions ( x²), Ordinal numbers (1st, 2nd), Trademarks or copyrights (™, ©) and some others.
<p> Chemical formula of water is H<sub>2</sub>O</p>
2) Subscript (<sub>):
Subscript is used for characters or numbers that are lowered below the regular text line and commonly used for Chemical formulas (H₂O), Mathematical notations (CO₂), Footnote references in mathematical expressions (x₁, x₂).
<p>X <sup>4</sup>+ Y<sup>6</sup></p>
Save and document and right click to reflect it on the default browser.
The superscript will raise it up like an exponent and the subscript will lower it down below the regular text. You can also create fractions in the middle of text or equations or chemical formulas. Hopefully you’ll use this in your scientific webpages and mathematical webpages or just for fun maybe.
HTML Entities
HTML entities are what we would use to display reserved characters which the browser would otherwise interpret as being intended for writing code.
As an example: There would be the angled bracket that we use when making our tags. If we were using the (less than) angled bracket then the browser would interpret any text that follows as the name of some element’s opening tag. So to display these characters as a text we can replace these reserved characters that confuse the browser with a corresponding html entity. Here I have a table which shows available entities that we can use in html.
I am writing a paragraph and here I tried giving spaces like this will you expect? You will expect that all spaces should be printed. But look what happened here. The spaces are not printed. Why did this happen?
This happens because, by default HTML It chops of all spaces and it considers it as one. So what do you need to do over here?
If you want to use additional spaces, then you need to use Html entities.
How we can do that? So here, we will write “ ” for every extra space you want to add. nbsp is non-breaking space.
<p>This is my first           program</p>
You will save your document and you will look there that another one space is added.
You won’t use it that much in your websites. Nbsp website does not at all look good. Don’t use it at all to bring spaces, because we will use margin padding and CSS selectors and properties are there we will use all those things.
Now, look at one more scenario. Here suppose if I want to write <p> as text and this should come in written so look what happened? Look at this, Where is my <p>? I have written <p> also over here.
But I want to see this in my website. How should I bring this? If I write this, then it will consider it as a tag.
Here you write < for smaller than angular brackets and over here write > for greater than angular bracket and as you do this, <p> will be shown as text on browser. If you want to write this you can’t write it without this. And these are html entities.
<p>paragraph is written like <p>.</p>
Html entities are not just used for these. You can even use html entities to write such characters which are not even present in your keyboard or on your keyboard they are as special characters. Like we can write pound symbol (money) and many other things that we will show you with some examples.
Suppose here I have to write “pound”. So, here I will write something like “£” and here I will write pound is written like “£”. Now look over here pound has shown in browser. And don’t get confused at all.
<p>Pound is written like this £. </p>
Similarly, if I have to write something like some special characters we can make use of HTML entities with the help of the table given above.
<PRE> tag
The <pre> tag is used to define preformatted text. This means that the text is displayed in a fixed-width font (usually a mono-spaced font like Courier) and maintains both spaces and line breaks.
It’s commonly used for displaying code snippets, poetry, ASCII art, or any text where the spacing and line breaks are significant
If you write like the code shown below, then it will come as it is. Keeping all the spaces intact and all the new lines intact but here it is not that tag will show up. For tags we have to use entities only.
Save the document to show the
mages in HTML
Let’s talk about images; it’s very simple to insert it.
You have to write the img and as soon as you write the img and press enter, you will be going to get src=”” alt=””.
Here in “img scr=” You have to provide the source of the image i.e. where is your image, either it can be on the internet, or it can be in your local.
If you want to enter the “url” of an online image, perform this by right clicking on the image.
If it is in your local then what will you have to do is to enter the full path of image.
What is the meaning of “alt” that if this image is not loaded then what text to show? Here I have written “please check your internet connection.”
This is how the image is perfectly shown and the text “Please check you internet connection” because of that particular image doesn’t existed on the given path.
Row Span And Colspan In Table
To create table in our program we will use table tag.(<table> </table>)
There will be 2 things inside the table.
1) <thead>: It will come under the head of the table.
2) <tbody>: it will come under the body of the table.
There is no need to mug up, you guys will automatically going to get this easily. We start with a row with the help of a (<tr>) and inside the head by writing (<th>) under <tr>.
<table>
<thead >
<tr>
<th>Name</th>
<th>Employee Id</th>
<th>Employee role</th>
</tr>
</thead>
Ok, my <thead> done now you will add data here in the table.
Now, you Have to make a table row, and I will not write (<th>) inside it, this time I will write (<td>) i.e. table data.
Now, to add more columns, put another heading and keep adding data.
<tbody>
<tr>
<td> Rohan </td>
<td> xyz</td>
<td> Analyst</td>
</tr>
<tr>
<td> Mohan</td>
<td> abc</td>
<td> programer</td>
</tr>
<tr>
<td> Sam</td>
<td> pqr</td>
<td> HTML expert</td>
</tr>
</tbody>
Save your program> right click> open in default browser> output.
Colspan and rowspan are attributes used in HTML tables to control the spanning of cells:
Colspan (Column Span): To make a cell span over multiple columns, use the colspan attribute. The value of the colspan attribute represents the number of columns to span. Colspan allows a single cell to span multiple columns horizontally. It’s useful when you have a header or data cell that should cover more than one column.
If you want a header cell to span two columns, you would use colspan=”2″.
Rowspan (Row Span): To make a cell span over multiple rows, use the rowspan attribute. Rowspan allows a single cell to span multiple rows vertically. It’s useful when you have a header or data cell that should cover more than one row.
If you want a header cell to span two rows, you would use rowspan=”2″.
Conclusion
You now have enough knowledge to know use different elements, properties, and the structure of HTML pages to create creative websites. Recall that in order to improve your web development abilities, you should never stop learning and investigating increasingly complex aspects.
HTML is just a structure of your website or web app, you will also need to have hands on CSS, javascript, bootstrap for styling and functionality along with one server side language too. You can learn all of them together offline in Dwarka at Best Web Development institute in Delhi, from 4 different locations (including Dwarka MOr, Kakrola, Nangloi, Bahadurgarh)
#Computer Institute in Delhi#Best Computer Institute in Delhi#Graphic design course in delhi#Graphic design institute#graphic design institute in delhi#Web development institute in delhi
0 notes
Text
Figure of Speech improves your English | English Speaking Course in Delhi
Let’s try giving “words” new dimensions and expressions in language by adding curiosity and amusement to our public speaking skills. There are numerous methods for making your language original and intriguing. English teacher from top english speaking institute in Delhi explains Using figurative language is one of the most efficient methods to accomplish this.
WHAT IS FIGURE OF SPEECH?
A figure of speech is a word or phrase used in a non-literal sense to add certain effect to one’s writing. This is also called figurative language. They are used to add color when expressing ideas whether through speaking or writing. These are such a beautiful language ornaments that we call figures of speech.
Here are some kinds of figure of speech:
Today we will talk about the most popular figures of speech with lots of examples to help you sound like an advanced English speaker and to Ace your exam too.
Let’s get going.
Simile:
This one is simple and effective. A simile involves a phrase which directly Compare two usually unlike and different things or ideas. A simile is introduced by words such as “as”, “like”, “so” etc.
EXAMPLE:
As cool as cucumber. Are you able to picture the chillness of a cucumber?
“As brave as a lion,” comparing someone’s bravery to the fearlessness of a lion.
Figures of speech make communication memorable by making the listener paint beautiful pictures in their mind.
Metaphor:
A metaphor is an implied comparison between unrelated things, suggesting that they are the same.
EXAMPLE:
“She swims like a fish” is a simile but, “she is a fish” is a metaphor.
Well she’s clearly not a fish but by calling her fish, we are saying something about her love for water.
Personification:
Personification is a figure of speech that is used to impart human attributes to something that is not human. It is also used to personify an abstract thing/quality.
Examples:
The wind whispered in my ears.
The sun greeted the morning with a warm smile.
It is widely used by novelists and writers but we can also use it in our daily life and have fun with it.
The thumb rule to use personification is when you want to highlight an important event or thing.
Alliteration:
Alliteration is applicable anywhere but it’s very useful when you’re highlighting an important event in first or third person. Alliteration is the backbone of any tongue twister.
EXAMPLE:
Under the captaincy of M.S. DHONI in Indian men’s cricket team was recreated, reorganized, rejuvenated and reborn.
A different kind of “r” repetition is observed here.
Pun:
Pun is defined as the classic wordplay, where one word has two meanings or is depicting two different situations. This figure of speech is unarguably a comedian’s favorite, because the punch line is unexpected. There are so many words that we use in our daily life which spell or sound the same but means different.
Puns are among the most engaging and entertaining figures of speech.
Keep an ear out when you find something like this. Look out for the opportunity for Words which sound the same and be funny or should I say be funny.
EXAMPLE:
I told my computer I needed a break, and now it won’t stop sending me vacation ads.
Hyperbole:
This is a figure of speech which everybody is born with well yes I exaggerated a little. Hyperbole means to say something in a hyper mode i.e. which means just over exaggerating it and saying it to create effect.
EXAMPLE:
I’ve told you a million times to clean your room which sounds like Really Mom, “million” this is going to cost us a ton of money.
Irony:
This one represents contrast in a very theatrical way. Writers use it very often because it makes you read the line again once more to applaud.
EXAMPLE:
Imagine stepping into a cluttered space and exclaiming, “Wow, this place is so clean and organized.”
Apostrophe:
Apostrophe is a figure of speech in which a speaker addresses someone or something that is not present directly, as if it were living, understandable, with the potential of responding.
EXAMPLE:
“Sun, please shine tomorrow for our picnic.”
Oxymoron:
This is defined as figure of speech that combines two contradictory or opposed ideas to produce a paradoxical result. It frequently reflects the complexities or ironies of a situation.
EXAMPLE:
“Jumbo shrimp” is an oxymoron because “jumbo” refers to something enormous and “shrimp” refers to something small. To create a playful impact, the words contradict each other.
Assonance: Assonance is defined as a literary trick in which repetition of vowel sounds occurs in nearby words. Unlike rhyme, which involves the repeating of both consonant and vowel sounds, assonance relies solely on the repetition of vowel sounds to create a melodic and rhythmic impact.
EXAMPLE:
They seemed to like the green peas salad.
Antithesis: A figure of speech that involves opposing concepts, words, or phrases within a balanced grammatical structure is known as antithesis. This produces a sharp contrast that highlights the distinctions between the two pieces. Antithesis is frequently utilized to illustrate a point or highlight an idea in an interesting way.
EXAMPLE:
“Speech is silver, but silence is gold.” –
In this example, the contrast between “speech” and “silence,” as well as “silver” and “gold,” exemplifies antithesis. It highlights the importance of silence over speaking.
Metonymy: Metonymy is a figure of speech in which one word or phrase is replaced with another that is closely related to or represents the original. Metonymy, as opposed to metaphor, involves a more indirect relationship between the replaced term and the actual concept or thing.
EXAMPLE:
“The pen is mightier than the sword.”
How figures of speech help you enhance your English speaking abilities?
Figures of speech facilitate communication through allowing difficult ideas or emotions to be represented in a more interesting and lasting way. Metaphors and similes, for example, create mental images, making spoken language more effective and make one to understand better. When people use such things into their speeches, it not only draws the listener’s attention but also helps them deliver their ideas more clearly.
These figures, whether through the rhythmic nature of alliteration or the imaginative wordplay of a pun, bring a layer of inventiveness to your language. Learning how to use figures of speech differently allows you to express yourself more creatively.
Higher the use of figure of speech in your language, better will be the one’s ability to talk clearly in a wide range of situations, which ranges from professional presentations to everyday conversations.
Figures of speech, in essence, not only embellish language but also act as essential tools for efficient communication and expression, thus enhancing English speaking abilities.
Figures of speech are an integral part of literature and cultural expression. Idioms, Proverbs and allegories, founded in figurative language, express cultural wisdom and shared experiences.
You can learn offline English from ESS Institute at English speaking course in Delhi where more than 5000+ students become confident with their communication skills.
#Computer Institute in Delhi#Best Computer Institute in Delhi#Graphic design course in delhi#Graphic design institute#graphic design institute in delhi#Web development institute in delhi
0 notes