Today is the second day and the second episode. The desire to write was enhanced by many people learning. Many people do not understand anything in the last day. In the meantime, there was no harm in the last day of identifying with HTML. However, the details have begun from today. However, the last day should be understood. Comments or messages that you have read in any problem. I will try to answer Thanks !!
And many people say the video's words, brothers you can find a lot at YouTube, get a lot. Video is not possible for now. The big project on which day I will get a video and post it.
Firstly, I am announcing the last edition of the Exercise, who has completed and sent me. The names of 10 people will be released.
- Md Al-Hadi
- Md Sakib PK
- Muhin Ahmed Monwar
- Forhad Islam
- Sajeeb Khan
If you still can, please send me a screenshot of it. Then, your name will be announced.
And, want to thank more OndhoKobi brother He gave a mistake in a post in my Python programming series. That's why, thank you. Again again, thank you once again for giving it a wrong! Hope to be next. Below the mistakes are given below.
Mistake: 1
We first saw <! Doctype html> to convey the browser to the browser. The browser understands that this is the HTML document. And, when you write this <! Doctype html>, there is no problem with all the letters you can give at the lower or upper case or the like. However, it is better to give <Doctype html>! That should be given.
Wrong-2
When we learned to use the <img> tag, I said that it has no ind tags. So, it's called self-india tag. For this, we have to write <img src = "logo.png" width = "140px" height = "250px" />, that is the end of the beginning. Last name is called "Shelf India" tag.
And if there is any mistake, I'm asking for everyone to get it. 
Starting now, the 1st chapter of the second day begins.
HTML Heading:—
How did we read the heading in the previous episode? Example of heading from <h1> to <h6> However, more details will now know.
First heading ??
Beautiful question Heading indicates how important the writing is. <h1> refers to the most important. And <h6> the least important. In this way, by the middle of the order, the direction of which is very less.
So, now you know why heading and heading to write.
HTML Horizontal Line:—
Occasionally, in my writings, I will notice that I use this horizontal line. This is actually a stain. Suppose we are writing a post on our blog, the post is basically a review of 5 ep. Now the end of the content by a cross-section of the content or at the end of the review of the APE. We will use the <hr> tag to give this horizontal line. It has no ind tags. Let's see, example.
<!DOCTYPE html> <html> <body> <p>The hr tag defines a horizontal rule:</p> <hr> <p>This is a paragraph.</p> <hr> <p>This is a paragraph.</p> <hr> <p>This is a paragraph.</p> </body> </html>
Here we have a horizontal line at the end of each <p> tag. I mean, the landscape's spots. It's a very simple thing. Here, there is nothing to understand. Hope to understand.
HTML <head> Element:—
There is no work to show on this web page's web page. It works behind the web pages. It is useful for writing page titles, meta tags, links to CSS, javascript links, etc. We will keep these accessories in the middle of the <head> element.
HTML <title> Element:—
When you enter a web page, you will see the name of the site in your browser tab. This is the title of the page. This title is used to write <title> elements.
We have already seen the work of the above <head> and <title> element. In the last episode it was just used to watch. Now know the details.
HTML <meta> Element:—
This Meta Element is used to publish the content of the page's content and various information on the page.
<!DOCTYPE html> <html> <head> <title>My First HTML</title> <meta charset="UTF-8"> </head> <body> <p>The HTML head element contains meta data.</p> <p>Meta data is data about the HTML document.</p> </body> </html>
Looking at the use of this meta tag here. <Meta insisted that it started the meta tag. Then show the type of character set on the web page with a charset. "UTF-8" refers to European languages. We often use ASCII or UNICODE. It has no ind tags.
More HTML <meta> Element:—
There are many more meta tags or elements, including <style>, <link> and so on. They will be discussed later.
Now this section ends here.
Second chapter HTML Paragraphs:
We use <p> or paragraph tag to write something on the web page. It used to be seen before.
Now I'll take a look at some of these details.
First of all, you do not have to enter an information, if you write more than one space on the HTML, or if the interface goes down the line, there will be only one space. Try the browser.
Generally there is nothing to forget about tag tags anywhere, but since it is wrong, we will not do it. Otherwise it can cause trouble.
HTML Line Breaks :—
We have already said that in the new line the interface will take HTML as a single space in the browser. So, what can not be said in the bottom line ?? Why not? For him there is a tag. It means break the line This can be done in the lower line while writing through it.
<!DOCTYPE html> <html> <body> <p>This is<br>a para<br>graph with line breaks</p> </body> </html>
See that this code is written by Tuku himself. Where the tag is given from the new line written from the beginning. It has no ind tags.
HTML <pre> Element :—
Now think you will post the sonnet poems of Michael Madhusudan on your site. However, the problem seems to be coming down the line below with the tag. There is a lot of problems in the place where there is more than one space. So, our solution is <pre> tag. As well as happy spaces in this tag, let's go back to the line below which HTML will not say anything. Meaning, whatever it will give you. See the example below.
<!DOCTYPE html>
<html>
<body>
<p>The pre tag preserves both spaces and line breaks:</p>
<pre>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.
</pre>
</body>
</html>
Did you understand ?? We look at what we put in the <pre> tag. It has an end tag. So, give the end tag.
Third chapter HTML Styles: -
Do we just create white black web pages ?? What is the style that is not ?? Although style is CSS's work, now we will learn how to make the site beautiful without css.
Style Attribute :—
What is the attribute of the previous episode? Now let's look at the style attribute. This style attribute gives a paragraph, or a link or any type of writing style. Style of writing this style attribute style = " property : value; "It happens. First, with the style attribute then the style that is equal to the colon and its value is to be given. Then; You have to finish that style with. Now the style of the name of another style is to be given. Equally after this, the whole quotation will be there.
<!DOCTYPE html> <html> <body style="background-color:grey;"> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body> </html>
Here, the style attribute between the <body> tag here gives the name of the property or the style name background-color. Those are HTML's. For example, the background color of the whole body tag is defined as background color. Now I've written colon with colon. Here we have given the color gray. gray means gray. See how background color is.
What ?? Does not seem easy ?? Very easy to do something very nice in this way.
HTML Text Color :—
We only changed the color of the background, the text color and the need to change. He has a color style.
<!DOCTYPE html> <html> <body> <h1 style="color:blue;">This is a heading</h1> <p style="color:red;">This is a paragraph.</p> </body> </html>
The attribute is the same. Just put the style here color only if you want to color color. Then I gave it the color of colon. We will style it with the style attribute between the tags that we will style the tags.
HTML Fonts :—
Font-family style is used to change text font. For example:
<!DOCTYPE html> <html> <body><h1 style="font-family:verdana;">This is a heading</h1> <p style="font-family:courier;">This is a paragraph.</p> </body> </html>
HTML Text Size
The font-size style used to make the size big or small.
<!DOCTYPE html> <html> <body> <h1 style="font-size:300%;">This is a heading</h1> <p style="font-size:160%;">This is a paragraph.</p> </body> </html>
Here we can use px or cm instead of%.
HTML Text Alignment :—
Text-align style is used to place any text in the page or to the left or to the left.
<!DOCTYPE html> <html> <body> <h1 style="text-align:center;">Centered heading</h1> <p>This is a paragraph.</p> </body> </html>
After this text-align, if the center is written by the colon, then the middle is written, left, left, the text goes to the right. Practice in different ways.
Fourth chapter: - HTML Text Formatting Elements
In the third chapter we learned to style the style with the attributes. However, HTML has different elements or tags for formatting the text. We'll see them use now.
HTML Bold and Strong Text :—
We'll use the <b> element or tag to make a bold text. B refers to Bold.
<!DOCTYPE html> <html> <body> <p>This text is normal.</p> <p><b>This text is bold.</b></p> </body> </html>
See here <b> the next writing is bold. Do not forget to tag the end.
The bold is highlighted by the bold, but it is used to refer to the strong <strong>
<!DOCTYPE html> <html> <body> <p>This text is normal.</p> <p><strong>This text is strong.</strong></p> </body> </html>
Seeing one might mean one but not the other. It also has the end tag.
HTML Italic and Emphasized Text :—
We use <i> to write a text. With this it can be used to mean any writing italic.
<!DOCTYPE html> <html> <body> <p>This text is normal.</p> <p><i>This text is italic.</i></p> </body> </html>
It also has an end tag.
This Italic writing is used to mean the importance of <em>
<!DOCTYPE html> <html> <body> <p>This text is normal.</p> <p><em>This text is emphasized.</em></p> </body> </html>
Like the previous bold and strangle. And this is its end tag.
HTML Small Formatting :—
Used to show the text smaller than normal
<!DOCTYPE html> <html> <body> <h2>HTML <small>Small</small> Formatting</h2> </body> </html>
It has an end tag.
HTML Marked Formatting :—
If we think of a line in the book when we read it, then mark it with the highlight or marker. Here the mark is used to mark such a mark.
<!DOCTYPE html> <html> <body> <h2>HTML <mark>Marked</mark> Formatting</h2> </body> </html>
HTML Deleted Formatting :—
When we update a text, we can not delete the previous text and delete it and mark it out. So, everyone can understand that it was before. It is used for <del>
<!DOCTYPE html> <html> <body> <p>The del element represents deleted (removed) text.</p> <p>My favorite color is <del>blue</del> red.</p> </body> </html>
It has an end tag.
HTML Inserted Formatting :—
At the time of updating such as the previous times, I deleted the text of the previous time, I would like to underline those articles that have been updated.
<!DOCTYPE html> <html> <body> <p>The ins element represent inserted (added) text.</p> <p>My favorite <ins>color</ins> is red.</p> </body> </html>
It has an end tag.
HTML Subscript Formatting :—
We use Subscript in special cases. For example, the use of some of the chemical signals is <sub>
<!DOCTYPE html><html> <body> <p>H<sub>2</sub>O --- It is a Hotel of Dhaka :) :)</p> </body> </html>
It has the tag and the end tag.
HTML Superscript Formatting :—
We use superscript while writing different algebraic sources. <Sup> is written to use superscript.
<!DOCTYPE html> <html> <body> <p>(a+b)<sup>2</sup> = ??</p> </body> </html>
It has the tag and the end tag.
We have just learned a lot of fun and simple things. Let's see now
Chapter 5: HTML Quotation and Citation Elements
When we write something on our page, someone can say. And when giving the quote, it is usually done in the quotes without giving it in the usual way. This section about some of these works.
HTML <q> for Short Quotations :—
We use this quote when we have a short statement. If using tag, the quote becomes before and after writing.
<!DOCTYPE html> <html> <body> <p>Here is an example:- <q>Never belive anyone quotation and it's also</q -- Unknown></p> </body> </html>
Automatic quotation is done without using quotation here <q>.
It has an end tag.
HTML <blockquote> for Long Quotations :—
<Blockquote> is used for any big statement.
<!DOCTYPE html> <html> <body> <p>Browsers usually indent blockquote elements.</p> <blockquote cite="http://www.worldwildlife.org/who/index.html"> For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally. </blockquote> </body> </html>
It has an end tag.
HTML <abbr> for Abbreviations :—
We have seen a lot of different sites on the wings of a mouse, or touching the mobile, a detailed text gets written from that. It is done with <abbr>.
<!DOCTYPE html> <html> <body> <p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p> <p>Marking up abbreviations can give useful information to browsers, translation systems and search-engines.</p> </body> </html>
Now hold the mouse on the WHO or touch the mobile, there will be a text that is full of WHO's full form.
It has an end tag.
HTML <address> for Contact Information :—
We can give our address to our site. Addresses are typically used to give address.
<!DOCTYPE html> <html> <body> <p>The HTML address element defines contact information (author/owner) of a document or article.</p> <address> Written by John Doe.<br> Visit us at:<br> Example.com<br> Box 564, Disneyland<br> USA </address> </body> </html>
It has an end tag.
HTML <cite> for Work Title :—
We saw the mathematical geometry in the picture below. Image 1: - A triangle
These are called work titles or work titles. It is used for <cite>
<!DOCTYPE html> <html> <body> <p>The HTML cite element defines the title of a work.</p> <p>Browsers usually display cite elements in italic.</p> <img src="triangle.jpg" width="220" height="277" alt="The Scream"> <p><cite>The Scream</cite> by Edvard Munch. Painted in 1893.</p> </body> </html>
Here is my image of a triangle named triangle. You will give the correct address of your image and if you give it with <cite> it will act as the title of that image.
It has an end tag.
HTML <bdo> for Bi-Directional Override :—
It's very interesting an element or tag. We can write down any writing.
<!DOCTYPE html> <html> <body> <p>Example</p> <bdo dir="rtl">This line will be written from right to left</bdo> </body> </html>
Here is the value of <bdo dir> rtl is the right to left, so the text has moved from right to left. Now, to make this reverse writing as before, it will be left to right from ltr. I mean, left to right.
Today is the end of today. I wrote a lot of trouble. It is possible to post a big post. If you do my exercise, I feel like it is selfish. Nobody has learned
Today's Exercise-
Create a site where the background will be a color of your favorite color. Give a title to the site. And there will be meta tags of the charset. Heading will be one and below it is a narrow crossbank.
Then, write a paragraph of 5/6 line. And there will be a maximum of 5 wards in one line. The first line of the text will be the text of the yellow color. The articles will be on the left side of the site. The size of the text will be 24 And the text will be of Arial font. Strong and Strong Bold Writes Italic will do as needed. Italic do at least one word. Then, update an article. And at the end, enter the source of water's chemical signals and (a + b) 2 . And on the whole paragraph, if you take the mouse over any writing, it shows your name.
You can also give a favorite quote.
This exercise is not complete, but as long as it takes you may send me. If you can not do this post in a day, learn slowly. Thanks !!
If you want to earn money after learning html click here
No comments:
Post a Comment